【问题标题】:Can someone give me a step by step tutorial?有人可以给我一步一步的教程吗?
【发布时间】:2016-06-18 16:19:20
【问题描述】:

我开始使用codeMirror...但是我不太了解手册,也没有在互联网上找到好的教程。目前,我设法得到了这个:

var codeHtml = $(".codemirror-html") [0];
var editor = CodeMirror.fromTextArea(codeHtml, {
    mode:  "htmlmixed",
    lineNumbers: true
});

它基本上可以工作,有行号和文本区域:D,但该模式不起作用。它只是文本区域中的原始黑色文本。 我想我导入了所需的文件:

<script src="cm/lib/codemirror.js"></script>
<link rel="stylesheet" href="cm/lib/codemirror.css">
<script src="cm/mode/javascript/javascript.js"></script>
<script src="cm/mode/htmlmixed/htmlmixed.js"></script>

我不知道我做错了什么。我还尝试添加一个主题,但效果不佳。 请问,谁能教我怎么做?

【问题讨论】:

  • 建议您创建一个重现问题的演示。应该能够从 cdn 资源中获取必要的 codemirror 文件,以便将演示放在像 plunker 或 jsfiddle.net 这样的沙箱中
  • @charliertfl 最特别的是,它不会抛出错误..并且值:“string”也不起作用......但是为什么 lineNumbers 的东西起作用???我快疯了
  • 不看演示就不知道了。见minimal reproducible example
  • @charlietfl 或者你有什么好的教程给我吗?因为我觉得我不了解codeMirror的孔系统。
  • 分步教程因过于宽泛而离题,对非现场资源的建议也是如此

标签: javascript jquery html codemirror codemirror-modes


【解决方案1】:

htmlmixed 模式也依赖于xmlcss 模式,因此您必须为它们添加脚本标签。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-03-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多