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

Question

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

Вещи, которые я ищу:

1. Должен поддерживать создание HTML, а не WYSIWYG представление
2. Должен раскрасить HTML при вводе, как в любой IDE rich-client.
3. Должен быть jQuery, но с нативным JS тоже все будет в порядке.

Я играл с MarkItUp, который дает мне 90%, но не предлагает раскраски синтаксиса. И, насколько я могу судить, WYMeditor не имеет опции для «представления кода», а является просто представлением WYSIWYG.

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

Answer 1

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

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

• Firefox 1.5 или выше
• Internet Explorer 6 или выше
• Safari 3 или выше
• Опера 9,52 или выше
• Chrome

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

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

Answer 2

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

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

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

Answer 3

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

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

Answer 4

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

Answer 5

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