Update widget's typo selection appearance

[bazilval]

Показалось, что более интуитивно и симпатично будет выглядеть подсвечивание опечатки в фрагменте так же, как это выглядит, когда ты просто выделяешь текст Before:

After:

[fey]

@bazilval в таком виде текст сливается и кажется, что он выделен в браузере, а не в тексте. Давайте оставим старый вариант. Можно добавтиь в форму вывод ттекста + контекст. Контекст у нас есть, т.е. добавляем сверху что-то типа

отправляемый текст:
lala

Ошибка содержится в следующем тексте:
jopa **lala** topolya

[bazilval]

@fey как по мне это наоборот интуитивно, потому что пользователь сам только что текст выделил, нажал комбинацию и видит опять же выделенный текст. Можем выбрать другой цвет, чтобы не путать со стандартным выделением, подобрать что-то из цветовой гаммы, которая ассоциируется с выделением ошибок корректором специальным маркером

так как сделано сейчас неэстетично и плохо читаемо

[fey]

Ну вот, есть например https://cs-cs.net/sistema-orphus там система с выделением такая же. с цветовым выделением. Но! Есть пользователи, которые могут и не различать цвета, например. Не вижу смысла менять способ выделения. А вот добавить небольшой блок, с самим текстом - норм. Мы показываем ошибку и контекст

[bazilval]

@fey ну про не различение цвета тут не думаю, что уместно, потому что контрастность отличать такие люди могут (иначе они не могли бы видеть что в принципе выделят в тексте). Да и вообще не нужно забывать, что это предпросмотр для самого человека, который отправляет отчёт об опечатке, поэтому он знает что именно должно быть подсвечено.

В любом случае считаю, что нынешнее решение следует переосмыслить. Как минимум в вопросе выделения пробелами, так как начинает дробиться слово и выглядит нечитабельно и просто неэстетично.

Как вариант, можно сделать просто выделение жирным, без подчёркивания и обособления пробелами. Это будет аккуратнее.