Question

我正在努力让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>

Answer 1

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

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

带有Zen Coding的CodeMirror无法正常工作

1 个答案: