VIKINGVyksa
@VIKINGVyksa
front-end developer

Как сделать подсветку синтаксиса языка разметки html в самописном редакторе?

Меня не интересуют уже сделанные текстовые редакторы(пытался уже понять как они там делали но заблудился)
Хотелось бы узнать алгоритм решения этой проблемы и подзадач.
У меня есть на страницы textarea.itEditor. Всем этим элементам я присваиваю новое свойство initEditor которое инициализирует редактор. У меня в панели есть кнопка Code которая вставляет блок
<code lang="html">//add code here
</code>

Куда дальше шагать?
  • Вопрос задан
  • 2315 просмотров
Пригласить эксперта
Ответы на вопрос 1
AlexanderTsymbal
@AlexanderTsymbal
tsymbal.su
ну в textarea вообще подсветку не сделаешь.
все современные WYSIWYG-редакторы сделаны по принципу подмены обычной textarea блоком, в котором можно вставлять разметку (т.е. обычный div) и при фокусе в этом блоке скрипт фокусируется и в textarea. Таким образом, набирая символы, мы их набираем по сути в скрытой textarea и они же дублируются в div, который видим. Ну а в div'е уже можно выделять текст, обводить его любыми span, в том числе теми, которые задают цвет.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы