javascript – CodeMirror简单模式 – 正则表达式没有按预期突出显示

2019-06-27 22:24:24 阅读：537 来源： 互联网

我正在尝试使用CodeMirror simple mode创建自己的编辑器并突出显示一些自定义关键字.然而,它突出了其他单词中出现的这些单词.这是我定义编辑器模式的代码：

    CodeMirror.defineSimpleMode("simple", {
  // The start state contains the rules that are intially used
  start: [
    // The regex matches the token, the token property contains the type
    {regex: /["'](?:[^\\]|\\.)*?(?:["']|$)/, token: "string"},
    {regex: /;.*/, token: "comment"},
    {regex: /\/\*/, token: "comment", next: "comment"},

    {regex: /[-+\/*=<>!]+/, token: "operator"},
    {regex: /[\{\[\(]/, indent: true},
    {regex: /[\}\]\)]/, dedent: true},

    //Trying to define keywords here
    {regex: /\b(?:timer|counter|version)\b/gi, token: "keyword"} // gi for case insensitive
  ],
  // The multi-line comment state.
  comment: [
    {regex: /.*?\*\//, token: "comment", next: "start"},
    {regex: /.*/, token: "comment"}
  ],
  meta: {
    dontIndentStates: ["comment"],
    lineComment: ";"
  }
});

当我输入编辑器时,这是突出显示的内容.我希望前两次出现的风格,但不是后两种.

这个正则表达式显然是不正确的：

/\b(?:timer|counter|version)\b/gi

但我已经尝试了几种不同的方法,并且相同的模式在其他正则表达式测试中正常工作.例：
https://regex101.com/r/lQ0lL8/33有什么建议？

编辑#1：

在codemirror定义中尝试了这种模式,删除/ g但它仍然会产生相同的错误突出显示.

{regex: /\b(?:timer|counter|version)\b/i, token: "keyword"}

解决方法:

我最后只是从头开始定义自己的模式,而额外的自定义似乎也有效.我逐字解析流,转换为小写,然后检查它是否在我的关键字列表中.使用这种方法,添加其他样式和关键字似乎非常简单.

var keywords = ["timer", "counter", "version"];

CodeMirror.defineMode("mymode", function() {

  return {
    token: function(stream, state) {
      stream.eatWhile(/\w/);

      if (arrayContains(stream.current(), keywords)) {
        return "style1";
      }
      stream.next();
    }
  };

});


var editor = CodeMirror.fromTextArea(document.getElementById('cm'), {
  mode: "mymode",
  lineNumbers: true
});

function arrayContains(needle, arrhaystack) {
  var lower = needle.toLowerCase();
  return (arrhaystack.indexOf(lower) > -1);
}

Working Fiddle

标签：javascript,regex,codemirror
来源： https://codeday.me/bug/20190627/1309173.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – CodeMirror简单模式 – 正则表达式没有按预期突出显示