将CodeMirror应用于预先存在的div

Question

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

修改

链接到网站文档CodeMirror Documentation 此外，出于举例原因

，将非常感谢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 */
});