CodeMirror模式：线的匹配子集的正则表达式

Question

我试图创建CodeMirror的模式覆盖。

我有一大堆的匹配线（从流）的部分是测试正则表达式的，我想，如果我可以用这些来匹配，并且该行的记号化的一部分。

例如：

# h1 

变为：

<span class="..."><span class="cm-overlay cm-markup">#</span> h1</span> 

除了simplemode插件，我不能够找到模式使用正则表达式的任何实例。这个问题与我正在做的非常相似，但是没有关于如何仅为流线子集返回令牌的答案：CodeMirror - Using RegEx with overlay

我设法创建了以下工作模式，但匹配整条生产线，所以生成HTML，如：<span class="cm-overlay cm-markup"># h1</span>

CodeMirror.defineMode("markdown-extra", function() { 
    return { 
     token: function(stream, state) { 
      markup = stream.match(/^([#]{1,6})[^#]/g); // matches markdown header syntax 
      stream.skipToEnd(); 

      if (markup){ 
       console.log(markup, stream) 
       return "markup" 
      } 

      return null 
     } 
    }; 
}); 

的文档要我用stream.match“吃”的匹配字符，但并没有提及如何同时仍然使用正则表达式只是象征一个小节。

我真的不知道如何继续。

Answer 1

我想通了一些。

我还是不完全理解为什么它的工作原理，但下面的代码正则表达式匹配，但不会出于某种原因自己局限在捕获组（数组仅1大小）。

CodeMirror.defineMode("markdown-extra", function() { 
     return { 
      token: function(stream, state) { 

       // ## header matching 
       matchArray = stream.match(/^([#]{1,6}) /g); 
       if (matchArray != null) { 
         var match = matchArray[0]; 
         console.log(matchArray); 
         stream.match(match); 
         return "markup" 
     } 
       while (stream.next() != null && !stream.match(/^([#]{1,6})[^#]/g, false)) {} 
     return null; 

      } 
     }; 
    });