Есть ли встраиваемые IDE там?

Question

Я создаю файловый редактор и хотел бы предоставить своим пользователям хорошую среду для редактирования своих html / css файлов в браузере.Есть ли редактор, который работает аналогично TinyMCE, но вместо того, чтобы быть редактором WYSIWYG, он похож на мини-IDE и имеет нумерацию строк кода, подсветку синтаксиса и т. Д.?

Answer 1

CodeMirror довольно приятно. Также есть Ace (и различные производные проекты веб-IDE) и Ymacs (который в основном является клоном Emacs для Интернета).

Answer 2

Итак, вы хотите что-то, что (а) запускается в браузере, что-то вроде встроенной текстовой области, и, в частности, не требует от пользователя загрузки и установки какого-либо программного обеспечения, и (б) выполняет автоматическую подсветку синтаксиса и нумерацию строкHTML / CSS кода, который они редактируют?

Подойдет ли вам что-нибудь из следующего?(Некоторые из них могут потребовать установки текстовой области, в которой пользователь вводит текст, и отдельного тега div, в котором отображается форматированный текст, что-то вроде системы переполнения стека; другие позволяют пользователю вводить текст непосредственно в форматированный текст).

Статья "9 полезных сценариев выделения синтаксиса Javascript" упоминает

SyntaxHighlighter - это подсветка синтаксиса кода на стороне клиента Java Script с открытым исходным кодом.

SHJS расшифровывается как Подсветка синтаксиса в Javascript.

beautyOfCode - это плагин jQuery для подсветки синтаксиса.xhtml-совместимый.

Chili - плагин для подсветки синтаксиса кода jQuery.Поддерживает номера строк.

Lighter.js - бесплатный плагин для подсветки синтаксиса для MooTools.

highlight.js

DlHighlight механизм подсветки синтаксиса на основе JavaScript.

Google Code Prettify модуль JavaScript и файл CSS, позволяющий выделять синтаксис

JUSH -- Подсветка синтаксиса JavaScript - это еще один плагин подсветки синтаксиса jQuery для подсветки синтаксиса на стороне клиента

Несколько других:

"Реализация редактора JavaScript с подсветкой синтаксиса" в codemirror через ajaxian

jQuery Syntax Highlighter предоставляет интерфейс для использования Google Prettify с jQuery.

McHighlight : подсветка синтаксиса в JavaScript

jQuery.Syntax - подсветка синтаксиса, написанная на JavaScript.

"StackOverflow: бесплатный элемент управления подсветкой синтаксиса в JavaScript"

Answer 3

web2py (полноценный веб-фреймворк Python) включает веб-среду IDE (см. demo ).Для редактирования кода в IDE web2py по умолчанию используется EditArea ( demo ) с возможностью переключения на Amy Editor ( demo )если предпочтительнее. Здесь - это то, как выглядит редактор EditArea в IDE web2py.Если вы хотите получить некоторые идеи о том, как включить эти редакторы в приложение, вы можете проверить исходный код приложения web2py "admin" (это веб-IDE), который включен вдистрибутив web2py.