Angular自定义文本编辑器中修改文本后match()正则匹配失效问题

• 换行符阻断匹配：JavaScript 正则中的.元字符默认不匹配换行符（\n、\r）。如果修改文本时编辑器自动在你的自定义区块<%&...&%>内部或边界处插入了换行符，原有正则的.*?就无法完整匹配两个标记中间的内容，最终返回null。
• 特殊字符被实体转义：多数富文本编辑器默认会对特殊字符做HTML实体转义，修改内容时可能将&转义为&、<转义为<、>转义为>，会直接破坏<%&、&%的标记结构，导致正则匹配失败。
• 编辑器插入额外标签：部分编辑器会在文本内容中插入<span>等隐藏HTML标签用于实现语法高亮、样式标记等能力，会把原本连续的<%&...&%>字符串打断，纯文本正则自然无法匹配。

1. 先打印this.previewText的原始值，对比修改前后的字符串差异，确认是否出现换行、实体转义、额外HTML标签的问题
2. 如果是换行导致的匹配失败，给正则添加s修饰符即可让.匹配换行符，修改后的正则为：
   const matches: Array<string> = this.previewText.match(/<%&(.*?)&%>/gs);
3. 如果是HTML实体转义导致的，匹配前先把转义字符还原：

const rawText = this.previewText.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>')
const matches = rawText.match(/<%&(.*?)&%>/gs)

4. 如果是编辑器插入了额外HTML标签，先提取文本的纯文本内容再做正则匹配即可。

内容的提问来源于stack exchange，提问作者FX_Sektor