Есть ли хороший редактор кода в браузере?

Мы все видели текстовые редакторы с расширенным браузером, которые позволяют редактировать цветной/стилизованный текст способом WYSIWYG. Но как насчет редакторов кода, которые автоматически выделяют код на основе языковых правил при вводе? Подумайте Eclipse в текстовом поле (но без поддержки рефакторинга).

Есть ли такие вещи? Я предполагаю, что масштабирование будет проблемой - большие файлы будут трудно редактировать эффективно.

Ответы

Ответ 1

CodeMirror поставляется с поддержкой более 60 языков и дополнений, которые реализуют более сложные функции редактирования (автозаполнение, сворачивание кода, настраиваемый ключ привязки, поиск и замена, интеграция linter и т.д.). Для настройки CodeMirror доступны расширенный API-интерфейс программирования и система тематических CSS-функций, а также расширенная функциональность.

Он был разработан с начала 2007 года, имеет страницу Википедии и используется во множестве популярных проектов с открытым исходным кодом ( Joomla, Firebug и т.д.).

Ответ 2

Ace. Они не используют iFrame.

Ответ 3

editArea библиотека javascript выполняет довольно хорошую работу. Он используется системой управления контентом OpenCMS как это делает JSP и редактор JavaScript на месте. Расцветка немного сбивается с толку, когда файл находится > 2000 строк или около того.

Список функций со своей страницы:

  • Простота интеграции, включается только один script и один вызов функции
  • Поддержка табуляции (позволяет писать хорошо сформированный исходный код)
  • Поиск и замена (с регулярным выражением)
  • Настраиваемая подсветка синтаксиса в реальном времени (в настоящее время: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf * ck)
  • Автоотчерпывание новых строк
  • Нумерация строк
  • Многоязыковая поддержка (в настоящее время: хорватский, датский, английский, французский, немецкий, итальянский, японский, польский, португальский).
  • Полноэкранный режим
  • Может работать в той же среде, что и "protype" и "mootools", как библиотеки.

Ответ 4

Mozilla Bespin выглядел очень интересно, но проект был прекращено.

Ответ 5

Javascript VI, есть некоторые ошибки, но интересная идея. VI FTW!

Ответ 6

Это боковое предложение, но я использую плагин Firefox "It All Text!" , чтобы отправить мои текстовые области для редактирование - все хорошие разметки, поиск и т.д.

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

Тем не менее, я, как правило, раздражен ограничениями редакторов в браузере. (Путь SO захватывает мой C-k во время редактирования STILL ловит меня вне охраны... [это означает, что я не редактирую все в Emacs...])

Ответ 7

Cloud9 выглядит интересным, если вы разработчик JavaScript.

Amy Editor - это другой редактор на основе браузера, с которым я столкнулся сегодня - похоже, он пытается эмулировать TextMate в браузере, включая Bundles и Snippets, хотя проект выглядит так, как будто он мертв... Домашняя страница/Демо-версия и источник на GitHub

Ответ 8

вы можете проверить dockPHP StackHive для веб-разработки (на основе codemirror). Сейчас он поддерживает разработку HTML/CSS, но я также работаю над live javascript-ing.

Отказ от ответственности: я являюсь основателем dockPHP:)

Ответ 9

Я использую codiad. Я использовал его с PHP, js и C. Особенности:

  • Поддержка 40 языков Библиотека плагинов.
  • Проверка ошибок и уведомления
  • Поддержка пользователей Mutliple
  • Разделение экрана редактора
  • Резервирование LocalStorage
  • Расширенные инструменты поиска
  • Интеллектуальное автоматическое завершение
  • Совместное редактирование в режиме реального времени
  • Более 20 цветных тем синтаксиса
  • Полностью открытый источник
  • Легко настраиваемый источник
  • Работает на вашем собственном сервере
  • резервные копии для быстрой загрузки
  • Максимальное пространство экрана редактора
  • Поддержка языка i18n

http://codiad.com