Textarea, который может выделять синтаксис "на лету"?

Я храню несколько блоков HTML внутри CMS в целях упрощения обслуживания. Они представлены <textarea> s.

Кто-нибудь знает какой-либо вид JavaScript-виджета, который может делать подсветку синтаксиса для HTML в textarea или аналогичном, сохраняя при этом простой текстовый редактор (без WYSIWYG или дополнительных функций)?

Ответы

Ответ 2

Вот ответ, который я сделал с аналогичным вопросом (Редактор онлайн-кода) в программисты:

Во-первых, вы можете взглянуть на эту статью:
Википедия - Сравнение редакторов исходного кода на JavaScript.

Более того, вот некоторые инструменты, которые, по-видимому, соответствуют вашему запросу:

  • EditArea - Демо как FileEditor кто Расширение Yii - (лицензия на программное обеспечение Apache, BSD, LGPL)

    Вот EditArea, бесплатный редактор javascript для исходного кода. Это позволяет писать хорошо сформированный исходный код с нумерацией строк, поддержкой вкладок, поиском и заменой (с регулярным выражением) и подсветкой синтаксиса в реальном времени (настраивается).

  • CodePress - Демо-версия Joomla! Плагин CodePress - (LGPL) - В Chrome он не работает, и похоже, что разработка прекратилась.

    CodePress - это редактор исходного кода на основе Web с подсветкой синтаксиса, написанной на JavaScript, который окрашивает текст в реальном времени, пока он набирается в браузере.

  • CodeMirror - Один из многих демо - (лицензия MIT-style + необязательный коммерческий поддержка)

    CodeMirror - это библиотека JavaScript, которая может использоваться для создания относительно приятного интерфейса редактора для кодового содержимого - компьютерных программ, разметки HTML и тому подобного. Если для языка, который вы редактируете, был записан режим, код будет окрашен, и редактор по желанию поможет вам с отступом

  • Ace Ajax.org Cloud9 Editor - Демоверсия - (Tri-лицензия Mozilla (MPL/GPL/LGPL))

    Ace - это автономный редактор кода, написанный на JavaScript. Наша цель - создать веб-редактор кода, который соответствует и расширяет возможности, удобство использования и производительность существующих собственных редакторов, таких как TextMate, Vim или Eclipse. Его можно легко встроить в любую веб-страницу и приложение JavaScript. Ace разработан в качестве основного редактора для Cloud9 IDE и преемника проекта Mozilla Skywriter (Bespin).

Ответ 3

CodePress делает это, как и EditArea. Оба являются открытым исходным кодом.

Ответ 4

Я бы рекомендовал EditArea для живого редактирования синтаксиса hightlighted textarea.

Ответ 5

Обновление: Bespin теперь является ACE, о чем упоминается здесь наивысший рейтинг. Вместо этого используйте ACE.

Пойдите с Bespin от Mozilla. Он построен с использованием функций HTML5 (поэтому он быстрый и быстрый, но не поддерживает устаревшие браузеры), но, безусловно, потрясающе использовать и бить все, с чем я столкнулся - возможно, потому, что Mozilla поддерживает его, и они разрабатывают Firefox, так что да... Также есть jQuery Plugin, который содержит расширение для него, чтобы сделать его немного проще в использовании с jQuery.

Ответ 6

Единственный редактор, который я знаю об этом, имеет подсветку синтаксиса и резервное копирование в текстовое поле Mozilla Bespin. Google для внедрения Bespin, чтобы увидеть, как встроить редактор. Единственный сайт, который я знаю об этом сейчас, - это альфа Mozilla Jetpack Gallery (на странице отправки Jetpack), и вы можете захотеть чтобы увидеть, как они включают его.

Там также есть сообщение в блоге о внедрении и повторном использовании редактора Bespin, который может вам помочь.