将CodeMirror应用于预先存在的div

Question

我有一个名为content_editable的div.我正在编写代码编辑应用程序.因此,它需要遵循某些css维度.但我希望能够将代码镜像语法高亮显示脚本添加到其中.但是,当我按照文档说的方式执行此操作时,没有任何反应.完全没有.我要编辑的div被调用#editable_content.如何向其添加CodeMirror功能？

编辑

链接到站点文档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 */
});