JS使用replace全局&忽略大小写替换CSS样式标签

fourkt

于 2013-05-14 10:27:44 发布

阅读量1.9k

点赞数

分类专栏： Web开发 JavaScript 文章标签： javascript replace 正则表达式 span 替换 ViewUI

本文链接：https://blog.csdn.net/fourkt/article/details/84430593

版权

本文介绍了如何在JavaScript中使用replace方法配合正则表达式，实现全局且忽略大小写的CSS样式标签替换。在项目中，这一功能用于ckEditor编辑器的高亮/取消高亮文字，尤其关注对IE浏览器的兼容性。核心在于正确设置正则表达式的模式和标志。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目要求，对ckEditor编辑器做了一个全局高亮/取消高亮指定文字的功能，主要是为了兼容了IE。

以下是取消高亮功能的实现。

源字段及可视化效果：

<p>
 没<span style="background-color: rgb(255,155,0)">的</span></p>
<p>
 ab非<span style="background-color: rgb(255,155,0)">的</span></p>
<p>
 AB破洞<span style="background-color: rgb(255,155,0)">的</span></p>

替换后字段及可视化效果：

<p>
 没的</p>
<p>
 ab非的</p>
<p>
 AB破洞的</p>

最低0.47元/天解锁文章