使用regexp匹配img标记

Question

我想做一个在线聊天应用程序，它的发送表情符号这样的能力：

所以我使用一个div，其contentEditable为true作为输入区域。并且所有消息都将以这种方式保存在数据库中：

"Hello, Cathy<img src="/public/face/Mazes_Mini_017.png"><img src="/public/face/Mazes_Mini_017.png">"

以上所有这些都运行良好，但当时我想要搜索能力，突出显示我搜索的关键词，当我想使用字符串时遇到了问题。替换方法将myKeyWord替换为<span class='highlight'>myKeyWord<span>，但匹配 <img>代码中的某些字符...

例如。 <img src="/public/face/Mazes_Mini_017.png">112233test112233</img>123test123

关键字是测试

预期结果是： ＆lt; img src =“test.png”＆gt; 112233test112233＆lt; / img＆gt; 123 测试 123

所以我真的想用regExp匹配一些字符而不是指定标签，如<img>，我已经尝试了很多，但没有人工作......

Answer 1

Here is an example

你可以试试这个：(?<!<\/)test(?![^<]*<\/img>)