Редакторы кода в JavaScript
Эти текстовые редакторы или редакторы кода, написанные на языке JavaScript, могут использоваться самостоятельно или встроенными в приложение, онлайн или локально.
Пример кода на языке Script
Skywriter, был первым экземпляром длинной линии редакторов JavaScript. Его изначально называли Беспин, который является названием планеты в фильмах серии «Война звезд», в частности, в части «Контратака империи». Планета укрывает город облаков, что вдохновляет создателей проекта.
Новое название Skywriter (автор неба) намекает на облако (облако). Проект Skywriter был заброшен Mozilla как самостоятельное программное обеспечение (но код всё ещё доступен для скачивания) для слияния с Ace с сайта Ajax.org, еще одним проектом с открытым исходным кодом.
Skywriter работает полностью под Canvas, что означает, что графические компоненты - это изображения, отображаемые в Canvas, которые можно модифицировать или заменить на личные. Это не тот случай, когда Ace использует компоненты HTML и DOM.
Ace означает Ajax.org Cloud9 Editor, он позволяет выполнять программы примерно на 30 языках программирования, возможно, совместно с интеграцией в GitHub при работе на Cloud9.
Cloud9 полностью выполнен на JavaScript, и состоит из двух частей, одна вращающаяся на сервере работает на Node.js, другая в браузере включает редактор Ace.
Можно легко проверить, что отображение и редактирование выполняется быстро, хотя и работает онлайн. Редактор прост в использовании и интуитивно понятен и расширяется.
Он доступен везде в любой момент, как и любое веб-приложение, можно редактировать код в поезде, комнате ожидания. После выхода в интернет редактор или собственная версия должны позволить программистам внести свой вклад в проект и изменить код файла.
Исходный код самого редактора может быть встроен в собственные веб-страницы, поскольку он написан на JavaScript, и поэтому является альтернативой CKEditor или TinyMCE. Однако последние являются текстовыми редакторами и предлагают режим WYSIWYG, который не разрешен Ace.
Ace может быть встроен в Drupal для редактирования кода, но в дополнение к классическому редактору. WordPress с помощью TinyMCE переходит в конкурирующий редактор CodeMirror, поскольку он становится ядром этого инструмента с версии 4.
Эйс является издателем Advanced Explorer .
ACE имеет лицензию BSD.
Альтернатива Ace, бесплатная и с открытым исходным кодом, поддерживающая 60 языков. Встроен в Light Table (см. список EDI в разделе программирования ).
CodeMirror использует подсветку Highlight.js, которая может использоваться на веб-странице, и, кстати, используется на этом сайте.
Он предлагает самоуверенность, сжатие кода (folding), некоторые синтаксические проверки (не такие развитые, как в NetBeans).
Темы Highlight.js все похожи, но настроить одну можно довольно легко, и получить, например, внешний вид SyntaxHighlighter, если ты предпочитаешь.
Он встроен в LightTable (см. список EDI в разделе программирования). Начиная с версии 4, TinyMCE также использует CodeMirror.
Лицензия MIT.
Brackets - редактор с открытым исходным кодом, разработанный компанией Adobe и работающий в браузере. Хотя он основан на существующем программном обеспечении CodeMirror, в 2014 году он все еще находится в активной разработке. Он использует CEF3 для интеграции Chromium, где LightTable использует node-webkit .
Он обратился к контекстным инструментам, чтобы предложить чистое отображение. Отредактированный код синхронизируется с отображением в браузере, источник - с презентацией, так называемой «живой эдиктинг». Но это не работает, если страница использует шаблон, если только не создать расширение для его поддержки. Еще мы жалуемся, что его жульничают. Кроме того, редактор слишком медленный на больших файлах.
Количество видео предоставляется для представления программного обеспечения.
Всем разработчикам JavaScript стоит попробовать этот инструмент.
Лицензия MIT.
Он основан на движке редактирования Ace, написанном на JavaScript, и работает локально с Electron.
Он специально разработан для того, чтобы легко переходить от одного проекта к другому. Список доступных проектов отображается в подсказке и позволяет одним щелчком найти специфическую для проекта среду.
Кроме того, он может хранить сценарии и документы в базе данных, содержимое которой можно передать прямо в IndexedDB.
Лицензия Creative Common.
Создан GitHub, который также предлагает Atom Shell, среду приложений на основе JavaScript, Node и HTML. Она имеет большой архив, поскольку включает в себя все файлы Atom Shell, предоставляет множество функций и расширяемость. Нет панели инструментов, как «Брэкет», но «Брэкет» отображает список текущих файлов на боковой панели, чего Atom не предлагает. Кривая обучения, безусловно, выше.
Его главный интерес - в плагинах. Например, Hydogen, который позволяет выполнить выбранную часть кода прямо в редакторе!
Однако его можно использовать, зная, что он записывает статистику вашей активности и, следовательно, шпионит за вашим взаимодействием с издателем.
Лицензия MIT.
Предлагаемая бесплатно Microsoft и для Linux и MacOS не меньше, чем для Windows, что было неожиданным, но в новой линейке фирмы этот инструмент основан на Electron и Chromium как Atom, но явно более реактивный. В отличие от Atom, издателем выступает не CodeMirror, а Монако, собственный проект Microsoft.
Его установка проста и автоматична.
Это полный и расширяемый редактор с открытым исходным кодом с выделением для большинства языков программирования, грамматической коррекцией и инструментом отладки. Intellisense поддерживается для веб-технологий. Это особенно важно для программирования в TypeScript.
Его использованию посвящена страница (на английском языке на GitHub:: VSCode tips and tricks.
Если тебе не нужна телеметрия и другие функции, отправляющие информацию в Microsoft, ты скорее можешь использовать VS Codium.
Лицензия Microsoft.
Самый легкий из текстовых редакторов в JavaScript, изначально разработанный для Fastmail. Он не имеет панели инструментов и не зависит от других библиотек. Это минималистично, но полностью, когда параметры редактирования и может быть подходит для интеграции в приложение, требующее более удобного окна редактирования, чем текстовая область HTML.
Лицензия MIT.
Не путать с издателем Scribe из The Guardian, у которого схожие характеристики.
Другой богатый текстовый редактор, но WYSIWYG, в отличие от Squire, имеет панель инструментов с небольшим размером кода. Он расширяется, имеет API и плагины и может устанавливаться локально через npm. Можно выбрать несколько шрифтов символов на уровне абзаца или выделенного шрифта, чтобы приблизить его к текстовой обработке.
Версия 1.0, вышедшая в сентябре 2016 года, поддерживает математические формулы, вставку видео, модульную архитектуру.
Лицензия BSD.
Разработан для разработчиков ROR для веб-страниц, поэтому комментарии и другие онлайн-издания текста, он имеет основные функции и возможность включать изображения или другие HTML-тексты.
Лицензия BSD.
См. также список сред разработки и список редакторов HTML, включая CK Editor и Tiny MCE.