2016-12-13 17 views
4

私のElmのWebページに、CodeMirrorまたはAceのようなコードエディタウィジェットが必要です。残念ながら、CodeMirrorとAceは、ElmがDOMを変更するときには動作しません(少なくとも、なぜ動作しないのか理解しています)。Elmの埋め込み可能なコードエディタはありますか?

学生がコードを提出するには、少なくとも<textarea>より優れたものが必要です。私たちがコードを表示するために。今すぐ自動インデントと構文のハイライト表示。

+0

エースは、Elmのシンタックスハイライトをサポートしており、ここで説明した手法を使用してポート経由でElmアプリケーションと統合することができます(http://stackoverflow.com/questions/40544433/how-to-tell-elm-about -external-dom-changes/40580380#40580380)。純粋なエルムで書かれた編集者を探しているなら、誰もいません。 – halfzebra

+0

あなたの解決策は、Elmに含まれる 'div'を作成して、ポートを介してJavaScriptに初期化をさせますか?私は他のエディタでも非常に似たアプローチを試みましたが、まだエースではありませんでした。 Elmが囲んでいる要素でDOMを操作しなければならないとき、問題が起こります。私はエースとあなたのアプローチを試みます。 –

+0

[elm online](http://elm-lang.org/try)がelmで書かれているのだろうかと思います。ソース検査では、CodeMirrorが使用されていることが示されています。 – lonelyelk

答えて

0

埋め込み可能かどうかわかりませんが、Ellieについてはたくさんの良いことが聞きました。もう一つの考慮点はMonico Editorで、これはMicrosoftのVSCode製品とMicrosoft Azureの一部に埋め込まれたコードエディタの基礎であると信じています。

関連する問題