将 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 */
});