带有 Zen 编码的 CodeMirror 不起作用答案

【问题标题】：CodeMirror with Zen Coding not working带有 Zen 编码的 CodeMirror 不起作用
【发布时间】：2013-02-02 08:50:10
【问题描述】：

我正在尝试让 Zen Coding 为 CodeMirror 工作（对于已经成功使用 CodeMirror 的项目）。在demo 之后，我正在初始化 CodeMirror 实例，如下所示：

var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("editarea"), {
    theme: "blackboard",
    lineNumbers : true,
    syntax: 'html',
    onLoad: function (editor) {
        zen_editor.bind(editor);
    }
});

但是 Zen Coding 功能似乎根本不起作用（点击选项卡似乎没有效果），并且 JavaScript 控制台上没有错误。有没有人有经验，或者可以指点我相关的材料吗？

文件按以下顺序加载：

<script src="codemirror/lib/codemirror.js"></script>
<script src="codemirror/mode/xml/xml.js"></script>
<script src="codemirror/mode/javascript/javascript.js"></script>
<script src="codemirror/mode/css/css.js"></script>
<script src="codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="js/zen_codemirror.min.js"></script>

【问题讨论】：

标签： javascript codemirror emmet

【解决方案1】：

尝试使用 Emmet（一个重新命名的 Zen Coding 项目）：https://github.com/emmetio/codemirror

看来您正在使用 Zen Coding 插件不支持的较新版本的 CodeMirror。

【讨论】：