codemirror html 混合模式未应用于 JavaScript答案

【问题标题】：codemirror html mixed mode not being applied to JavaScriptcodemirror html 混合模式未应用于 JavaScript
【发布时间】：2015-10-16 00:06:07
【问题描述】：

$('.code').each(function() {
var $this = $(this),
$code = $this.html();

$this.empty();

var myCodeMirror = CodeMirror(this, {
    value: $code,
    mode: 'htmlmixed',
    lineNumbers: false,
    readOnly: true,
    lineWrapping: true
});

});

我正在使用 codemirror 创建代码 sn-ps。我有两个问题。首先是javascript没有正确着色。我已经包含了所有依赖项（xml、css 和 js）。第二个是当我将鼠标悬停在上时，滚动会导致 sn-p 稍微向上或向下移动。它不是完全滚动，只是摆动。查看图片了解更多详情。

所有帮助将不胜感激。

【问题讨论】：

htmlmixed模式只会高亮<script>标签中的JavaScript代码，不会神奇地识别文档中恰好看起来像JavaScript的文本
谢谢 - 我应该在我想出来的时候关闭它。

标签： codemirror codemirror-modes

【解决方案1】：

$('.code).each(function() {
     var $this = $(this),
     $code = $this.html(),
     $unescaped = $('<div/>').html($code).text();
     $this.empty();
     CodeMirror(this, {
      value: $unescaped,
      lineNumbers: true,
      theme: "neo",
      readOnly: "nocursor"
    });
   });

这对我来说很好用

【讨论】：