Редактор JavaScript textarea с пользовательскими правилами форматирования

Question

Мне нужно реализовать простой текстовый редактор с пользовательскими (возможно динамическими) правилами. Например, если пользователь меняет текст, я как-то хочу запустить регулярное выражение (или метод обратного вызова или что-то еще) в этом тексте и применить для него форматирование. Для ex все IP-адреса в тексте должны иметь красный цвет, имена из указанного диапазона - черные, все слова, начинающиеся с «abc» - зеленые.

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

Я рассмотрел много связанных с ними ресурсов и не нашли какой-либо простой решение пока. На данный момент я начал реализовывать свой собственный редактор с использованием атрибута contenteditable и JQuery.

Я никогда не писал такую ​​функциональность раньше, поэтому не могли бы вы указать мне в правильном направлении? Может быть, я могу использовать уже реализованные инструменты или конкретную стратегию?

Большое спасибо.

Answer 1

Возможно, это было бы полезно для кого-то. После небольшого исследования сначала я попытался использовать плагин JQuery Highlight, но он не охватывает все мои потребности, поэтому я использовал редактор Codemirror, который я нашел очень красивым и настраиваемым.

Я написал свой собственный режим, и он отлично работает.

В качестве начальной точки я использовал это article