2016-12-13 3 views
4

Я хочу иметь виджет редактора кода, например CodeMirror или Ace, на моей веб-странице Elm. К сожалению, CodeMirror и Ace не работают с Elm, поскольку они изменяют DOM (по крайней мере, это мое понимание, почему они не работают).Есть ли встроенный редактор кода для Elm?

Мне нужно что-то хотя бы лучше, чем <textarea> для студентов, чтобы отправить код. И нам отобразить код. Просто автоматическая отступ и подсветка синтаксиса.

+0

Ace поддерживает подсветку синтаксиса для Elm, и вы можете интегрировать его с приложением Elm через порты, используя описанные мной методы [здесь] (http://stackoverflow.com/questions/40544433/how-to-tell-elm-about -Внешний-РОМ изменение/40580380 # 40580380). Если вы ищете редактор, написанный чистым вяжем, их нет. – halfzebra

+0

Ваше решение состоит только в создании содержащего 'div' в Elm и позволяет JavaScript через порты инициализировать? Я пробовал очень похожие подходы в других редакторах, но не в Ace. Проблема возникает с нами, когда Elm должен манипулировать DOM в окружающих элементах. Я попробую Туз и ваш подход. –

+0

Интересно, если [попробуйте вяза онлайн] (http://elm-lang.org/try) написано в вязах. Проверка исходного кода показывает, что он использует CodeMirror. – lonelyelk

ответ

0

Я не уверен, что это вложимо, но я слышал много хорошего о Ellie. Другим соображением может быть Monico Editor, который, я считаю, был основой продукта VSCode от Microsoft, а также редактор кода, встроенный в некоторые части Microsoft Azure.

Смежные вопросы