Codemirror Clike模式似乎不起作用

时间:2019-08-30 21:28:10

标签: javascript html codemirror

我试图在我的项目中使用cMirror模式的CodeMirror处理顶点和片段片段,但是由于某些原因,语法突出显示仅对数字和字符串文字无效。 javascript语法荧光笔工作正常。

我加载了所有相关文件:

  <link   rel="stylesheet" href="js/third-party/codemirror/lib/codemirror.css">
  <script src='js/third-party/codemirror/lib/codemirror.js'></script>
  <script src='js/third-party/codemirror/mode/clike/clike.js'></script>

我在index.html中创建了一个文本区域:

  <textarea id = "WEEE"></textarea>

然后我初始化一个编辑器:

    <script>
  const myTextarea = document.getElementById("WEEE");
  var editor = CodeMirror.fromTextArea(myTextarea, {
    lineNumbers: true,
    mode:   "clike"
  });
</script>

结果不突出显示语法。在线示例显然仍然有效。 CodeMirror.modes返回模式列表,并且clike似乎已完全加载。我想念什么?

2 个答案:

答案 0 :(得分:1)

对于clike(类似c),我们为不同的语言提供了不同的模式

  • 对于C
    mode: "text/x-csrc"
  • 对于Cpp
    mode: "text/x-c++src"
  • 对于Java
    mode: "text/x-java"
  • 对于Objective-C
    mode: "text/x-objectivec"

答案 1 :(得分:0)

这对我来说并不明显,但是我需要使用在clike中定义的单独模式名称,因为clike是一堆模式。我选择了“ x-shader / x-fragment”。