Codemirror Clike 模式似乎不起作用

Question

我正在尝试在我的项目中使用 CodeMirror 并针对顶点和片段片段使用 clike 模式，但出于某种原因，语法突出显示仅对数字和字符串文字不起作用。 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 returns 模式列表，clike 似乎已完全加载。我错过了什么？

Answer 1

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

Answer 2

对于clike（c-like），我们针对不同的语言有不同的模式

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

Codemirror Clike 模式似乎不起作用

Codemirror Clike Mode Doesn't seem to work

html

javascript

codemirror