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

标签 javascript regex

使用文本编辑器 summernote ,我尝试匹配以 {{ 开头的每个字符,可选 空格任何字符,可选 空格 ,并以 }} 结尾。

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

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');
      }

    }


  }
});
<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}}{{another_matched}} 的匹配次数?谢谢。

最佳答案

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

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

Hello {{match}} Bye

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

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

关于javascript - 正则表达式在文本编辑器中只匹配一次?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48546903/

相关文章:

javascript - 使用 Javascript/Jquery 重写超链接

javascript - 合并两个节点列表而不重复

javascript - 如何转义 JSON 字符串以将其包含在 URL 中?

javascript - 到达 polymer slideToggle()函数,但没有结果

javascript - 正则表达式 jQuery 验证器包括非英文字符

javascript - 需要框架/API 来支持表的过滤

Python 正则表达式匹配或标记化

javascript - 使用用户脚本删除 ‘<b/>’

c# - 如何拆分数字字符串及其子字符串?

javascript - 字符串 (x,y) 到对象 {x, y}