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