Даниил Налетов (ManyChat) - Ещё один текстовый веб-редактор и в чём проблемы contenteditable?

[@timur.shhhhh]

Классное решение, но жаль, что на stack overflow не выложили🙁

[@v.demchenko]

Там логики не много. Вам нужен див который находится под textarea. Дальше используйте слушатель на инпут и делайте реплейс через replace и вторым аргументом mark тег создавайте.

[@watchufc4784]

как вот хоть кто-то реализовал разделение на а4 страницы? чтобы при этом можно было потом сделать сквозное выделение как в ворде через шифт выделяется с 1 по 3 страницу например

[@xinitru]

А не слишком ли затратно это решение по вычислениям на больших текстах? И что делать, если мы меняем ширину текста (например, делаем какое-то слово bold)? В этом случае положение последующих слов и, соответственно, позиция курсора, в textarea и в div-е не будут совпадать.

[@focusrs169]

Никакие стили для текста, которые бы влияли на его размеры не подразумеваются, насколько я понял

[@xinitru]

@@focusrs169 область применения, в таком случае, весьма ограничена. Но идея интересная.

[@timur.shhhhh]

Ты делаешь, для текста болд такие настройки, чтобы он не менял высоту и ширину(летер-спейсинг и лайн-хеигхт) и ставишь для него бекграунд-колор(если нужно текст под наклоном.). Также можешь попробовать div with contenteditable=“true”, и поверх него налаживать просто див.