2016-12-13 88 views
4

我想在我的Elm網頁上有一個代碼編輯器小部件,如CodeMirrorAce。不幸的是,CodeMirror和Ace在修改DOM時不能與Elm一起工作(至少這是我理解他們爲什麼不工作的原因)。Elm有嵌入代碼編輯器嗎?

我需要的東西至少比<textarea>更好讓學生提交代碼。併爲我們顯示代碼。現在只需自動縮進和語法突出顯示。

+0

Ace支持Elm的語法高亮顯示,您可以通過使用我已經介紹的技術的端口將它與Elm應用程序集成[這裏](http://stackoverflow.com/questions/40544433/how-to-tell-elm-about -external-DOM-更改/ 40580380#40580380)。如果你正在尋找一個用純Elm編寫的編輯器,那就沒有。 – halfzebra

+0

您的解決方案是隻在Elm中創建包含'div'並讓JavaScript通過端口進行初始化?在其他編輯器中,我嘗試了非常類似的方法,但還沒有Ace。當Elm必須操作封閉元素中的DOM時,問題就發生在我們身上。我會嘗試Ace和你的方法。 –

+0

我不知道是否[在網上嘗試榆樹](http://elm-lang.org/try)是寫在榆樹。源代碼檢查顯示它使用了CodeMirror。 – lonelyelk

回答

0

我不確定它是否可嵌入,但我已經聽到很多關於Ellie的好消息。另一個考慮因素可能是Monico Editor,我認爲這是微軟VSCode產品的基礎,以及嵌入到Microsoft Azure某些部分的代碼編輯器。

相關問題