正则表达式在文本编辑器中只匹配一次?

时间:2018-01-31 16:27:43

标签: javascript regex

使用文字编辑器summernote,我尝试匹配以{{开头的每个字符,可选white spaceany character,可选white space,并以{结尾{1}}。

因此,我导出了这样的正则表达式模式:

}}

这符合:var regex1 = /^\{\{\s*?\w+\s*?\}\}$/g;{{matched}}



{{ matched }}

$('.wysiwyg').summernote({
  callbacks: {
    onChange: function(contents, $editable) {
      // remove html tag
      contents = contents.replace(/<\/?[^>]+(>|$)/g, "");
      console.log('contens: ' + contents);

      var regex = /^\{\{\s*?\w+\s*?\}\}$/g;
      // update to local storage
      if (regex.test(contents)) {
        console.log('regex1 matched');
      }

    }


  }
});
&#13;
&#13;
&#13;

然而,只有当单词的开头类似于<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script> <div class="container"> <div class="row"> <form class="col-lg-12" id="postForm" action="/summernote.php" method="POST" enctype="multipart/form-data"> <fieldset> <legend>Summernote test</legend> <p class="container"> <textarea class="input-block-level wysiwyg" id="summernote" name="content" rows="18"> </textarea> </p> </fieldset> </form> </div> </div>时才会匹配,并且随着内容的增长,在{{matched}}之类的第一个匹配之后匹配的另一个后续匹配不再匹配。简单地说,只有当内容以匹配模式开始时,它才匹配一次,例如。 {{another_matched}}

如何匹配单词{{matched}}{{matched}}匹配的时间?感谢。

1 个答案:

答案 0 :(得分:1)

目前,你的正则表达式只匹配完全匹配模式的字符串,即整个字符串必须匹配。

这是因为您在正则表达式的开头和结尾添加了^$。这些是字符串开头和结尾的锚点。它断言字符串应该以您所需的模式开始,并以所需的模式结束,因此这样的内容将不匹配:

Hello {{match}} Bye

只需删除^$,它就会在整个字符串中搜索该模式。

regex = /\{\{\s*?\w+\s*?\}\}/g;
regex.test('{{matched}} something {{matched}}') // true