分步教程如何在 CodeMirror 中创建模式答案

【问题标题】：Step by Step tutorial how to create a mode in CodeMirror分步教程如何在 CodeMirror 中创建模式
【发布时间】：2020-03-11 13:21:45
【问题描述】：

任何人都可以为我提供一步一步的教程，以便为 CodeMirror 创建自己的模式。在线教程相当复杂。

谢谢。

问候。

【问题讨论】：

标签： codemirror mode

【解决方案1】：

我推荐你this site，如果是你的情况，它有一个很棒的“简单模式”教程。我还将向您展示我为伪正则表达式模式制作的模式：

CodeMirror.defineSimpleMode("simplemode", {
    start: [
      // As you can see I use different tokens for different matches as needed.
      {regex: /(\.\+|\.\*|\.|\+)/, token: "keyword"},
      {regex: /(\\d)|(\\w)|(\\s)|(\\t)|(\\r)|(\\n)|(\\\()|(\\\))|(\\\[)|(\\\])|(\\\{)|(\\\})|(\\\.)|(\\\-)|(\\\_)/i, token: "string"},
      {regex: /(![A-Za-z]+\{|\})/, token: "number"},
      {regex: /(\(|\)|\||\[|\]|\-)/, token: "operator"}
    ]
 });

然后只需将mode: "simplemode" 添加到编辑器选项中。希望对你有帮助！

【讨论】：