Плагин jQuery для редактора HTML с раскраской синтаксиса

Я ищу плагин jQuery, который отобразит текстовое поле для HTML-разработки и редактирования.

То, что я ищу:

  • Необходимо поддерживать создание HTML, а не представление WYSIWYG
  • Должен окрасить HTML при вводе, поскольку любая среда ID-клиента богатого.
  • Должно быть jQuery, но родной JS тоже будет хорошо.

Я играл с MarkItUp, который получает меня на 90%, но не предлагает синтаксическую раскраску. И WYMeditor, насколько я могу судить, не имеет возможности для "просмотра кода" и вместо этого является просто видом WYSIWYG.

Кто-нибудь в прошлом делал что-то подобное?

Ответы

Ответ 1

Используйте CodeMirror. Это ярлык, используемый Google для их игровой площадки API.

Я пробовал, и он работает хорошо, и, согласно их сайту, он работает в следующих браузерах:

  • Firefox 1.5 или выше
  • Internet Explorer 6 или выше
  • Safari 3 или выше
  • Opera 9.52 или выше
  • Chrome

Я не понимаю, почему вы упоминаете jQuery в этом случае, поскольку jQuery не имеет ничего общего с тем, что вам нужно сделать, кроме его механизма выбора, который может быть использован для поиска текстового поля, которое вы хотите включить подсветку синтаксиса (хотя если вы положили на него id, вам также не нужен jQuery.)

Лучше пойти с автономной библиотекой, специально разработанной для решения поставленной задачи (в которой используется CodeMirror). Вы получите максимальную производительность, и разработчики будут гораздо более удобны в обслуживании, обеспечивая лучшее качество кода.

Ответ 2

Вы также должны взглянуть на EditArea

Он не использует jquery, но он не будет конфликтовать с ним.

Ответ 3

Я также использовал Codemirror в kodingen.com теперь он koding.com, Codemirror очень хорошо написан, вы можете получить исходный код и изменить его на свои нужды.

Но вы также можете проверить amyeditor, он также очень продвинутый и поддерживает больше языков, чем codemirror. Вы также можете получить его исходный код из github.

надеюсь, что это поможет...

Ответ 4

Взгляните на Ace, в который Mozilla объединила их Skywriter/Bespin. Он поддерживает более 60 языков с подсветкой синтаксиса кода на стороне клиента. Исходный код открыт и доступен на github.

Ответ 5

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