4
내 Elm 웹 페이지에 CodeMirror 또는 Ace과 같은 코드 편집기 위젯을 갖고 싶습니다. 안타깝게도, CodeMirror와 Ace는 DOM을 수정하면서 Elm과 작동하지 않습니다 (적어도 그것이 작동하지 않는 이유를 이해하고 있습니다).Elm 용 임베드 가능 코드 편집기가 있습니까?
학생들이 코드를 제출하려면 적어도 <textarea> 이상이 필요합니다. 그리고 우리가 코드를 표시 할 수 있습니다. 지금은 자동 들여 쓰기 및 구문 강조 표시 만 있습니다.
Ace는 Elm의 구문 강조 기능을 지원하며 설명 된 기술을 사용하여 포트를 통해 Elm 응용 프로그램과 통합 할 수 있습니다 (http://stackoverflow.com/questions/40544433/how-to-tell-elm-about). -external-dom-changes/40580380 # 40580380). 순수한 느릅 나무로 쓰여진 편집자를 찾고 있다면 아무 것도 없습니다. – halfzebra
당신의 해결책은 단지 Elm에'div'를 포함하고 포트를 통해 JavaScript가 초기화를하도록 만듭니 까? 나는 다른 편집자들과 비슷한 접근법을 시도했지만 Ace는 아직 시도하지 못했다. Elm이 엔 클로징 요소에서 DOM을 조작해야 할 때 문제가 발생합니다. 에이스와 당신의 접근 방식을 시도해 보겠습니다. –
[elm online] (http://elm-lang.org/try)이 elm에 기록되어 있는지 궁금합니다. 소스 검사는 CodeMirror를 사용함을 보여줍니다. – lonelyelk