1

我正在尝试让 Zen Coding 为 CodeMirror 工作（对于已经成功使用 CodeMirror 的项目）。在演示之后，我正在初始化 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>
4

1 回答 1

3

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

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

于 2013-02-18T11:40:01.690 回答