Существуют ли какие-либо маркеры живого синтаксиса JavaScript?[закрыто]

Question

Я нашел маркеры синтаксиса, которые выделяют уже существующий код, но я бы хотел делать это по мере ввода с помощью редактора в стиле WYSIWYG.Мне не нужны функции автоматического завершения, только подсветка.

В качестве последующего вопроса, что это за редактор WYSIWYG, который использует stackoverflow?

Редактировать:Благодаря приведенному ниже ответу, я нашел два, которые выглядят так, как будто они могли бы удовлетворить мои потребности:Область редактирования и Кодовое нажатие

Редактировать:Смотрите также этот вопрос:
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

Answer 1

Вот действительно интересная статья о том, как ее написать:(Что еще лучше, он предоставляет полный исходный код программе форматирования и раскрашивания JavaScript.)

Реализация редактора JavaScript с подсветкой синтаксиса в JavaScript или Жестокая одиссея по темной стороне дерева ДОМ

Как сделать приличный синтаксис подсветкой?Очень простое сканирование позволяет определить разницу между строками, комментариями, ключевыми словами и другим кодом.Но на этот раз я хотел на самом деле уметь распознавать регулярные выражения, чтобы у меня больше не было вопиющего некорректного поведения.

Важно отметить, что он корректно обрабатывает регулярные выражения.Также интересно то, что он использовал лексер / синтаксический анализатор в стиле передачи продолжения вместо более типичных лексеров на основе lex (или регулярных выражений), которые вы увидите в дикой природе.

В качестве бонуса он обсуждает множество реальных проблем, с которыми вы столкнетесь при работе с JavaScript в браузере.

Answer 2

Вопрос мог бы быть лучше сформулирован как "Какой редактор с подсветкой синтаксиса вы рекомендуете для замены текстовой области html в моем веб-приложении?" (Некоторые из других ответов здесь касаются настольных приложений или маркеров чистого синтаксиса, а не клиентских редакторов)

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

Answer 3

Видишь Предварительный просмотр кода Google.

Смотрите этот вопрос для получения редактировать управление этим stackoverflow использует.

Answer 4

Я не программирую много javascript, но JSEclipse был мне очень полезен в прошлом.Он поставляется в виде подключаемого модуля Eclipse.

Я пользуюсь им уже много лет бесплатно

http://www.interaktonline.com/products/eclipse/jseclipse/overview/

Я также в значительной степени полагаюсь на FireBug для Firefox всякий раз, когда имею дело с Javascript

Answer 5

Вы также можете попробовать http://softwaremaniacs.org/soft/highlight/en/ - это быстро, оно поддерживает не только javascript, но и многие другие языки.И если вам нужен предварительный просмотр в реальном времени того, как будет работать подсветка, вы можете использовать setInterval для запуска подсветки и отображения ее в отдельном окне.

Answer 6

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

Answer 7

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

Answer 8

Извините, что поднимаю это снова, но лучшее, что я нашел в CodeMirror http://codemirror.net/