Как настроить туз для нескольких языков в отдельном div? - PullRequest
Новая
       8

Как настроить туз для нескольких языков в отдельном div?

0 голосов
/ 11 февраля 2019

Я хочу добавить контейнер div с редактором кода туза.

Для этого я создал это 

<div id="editor" class="codeeditor">
      <div id="editor-nav" class="codeeditor-nav">HTML | Javascript | CSS | PHP </div>
      <div id="editor-code" class="codeeditor-codearea"></div>
</div>

Я хочу использовать исходный код другого div дляредактор туза 

<div id="mycontent">That the code i want to edit</div>

Я настраиваю туза с помощью этого 

var editor = ace.edit("codeeditor-codearea");
editor.session.setMode("src-min-noconflict/mode/javascript';?>");

Как мне настроить туза, который

  • Требуется лисодержимое из "mycontent"?

  • и отображение туза-редактора в "editor-code"?

Также у меня естьпроблема в том, что мой контент после добавления редактором будет выглядеть непривлекательно - есть ли способ предотвратить это?

1 Ответ

0 голосов
/ 12 февраля 2019

вы можете настроить редактор следующим образом 

var editor = ace.edit("codeeditor-codearea", {
    mode: "ace/mode/javascript",
    value: document.getElementById("mycontent").textContent
});
?>");

или, если вы используете более старую версию ace 

editor.session.setValue(document.getElementById("mycontent").textContent)
...