Применить CodeMirror к уже существующему div

Question

У меня есть div с именем content_editable. Я делаю приложение для редактирования кода. Таким образом, существуют определенные размеры CSS, которым нужно следовать. Но я хочу иметь возможность добавить к нему скрипт подсветки синтаксиса зеркального кода. Но когда я делаю это так, как написано в документации, ничего не происходит. Совсем. Мой div для редактирования называется #editable_content. Как добавить к нему возможности CodeMirror?

EDIT

ссылка на документацию сайта Документация CodeMirror Кроме того, ссылка на JSFiddle или JSBin будет высоко ценится, например, по причинам

Answer 1

Нечто подобное (непроверенное) должно сработать

var ce = document.getElementById("content_editable");
// Probably needs more kludges to be portable... you get the idea
var text = ce.textContent || ce.innerText;
var editor = CodeMirror(function(node){ce.parentNode.replaceChild(node, ce);}, {
  value: text
  /* , your options */
});