Есть ли способ встроить простую среду IDE в html-форму?

Question

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

Вот что мне нужно:

• Подсветка синтаксиса (по крайней мере, HTML/CSS, PHP и Javascript/JQuery
• способ указать на основе каждого текстового поля, какой язык должен быть ответ в
• то, что совместимо с JQuery, если это возможно.

кто-нибудь знает хорошего решения этой проблемы?

Answer 1

Используйте CodeMirror редактор, который является очень надежным и поддерживает различные языки.

http://codemirror.net/

Посмотрите на ссылку ниже, что дает сравнение широко используемым клиентским редактора, доступным вместе со своими плюсами и минусами.

http://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors

Answer 2

Моя компания использует Редактировать Area, который я думаю соответствует вашим потребностям:

http://www.cdolivet.com/editarea/

Демо: http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html