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

最新推荐文章于 2023-05-24 13:52:27 发布

原创

最新推荐文章于 2023-05-24 13:52:27 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #replace #正则表达式 #span #替换 #ViewUI

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

项目要求，对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元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fourkt

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS全局替换（replace//g）

文龙刚的博客

11-15

4546

alert(str.replace(new RegExp(ch,'g'),"哈"));//输出哈哈哈前端！alert(str.replace(/我是/g,"哈哈哈"));alert(str.replace(ch,"哈"));alert(str.replace("我是","哈哈哈"));//输出哈哈哈我是我是前端！alert(str.replace(ch,"哈哈哈"));alert(str.replace("我是","哈哈哈"));var str="/哭脸我是小仙女！var str="我是我是我是前端！

Vue + Element UI+Scss + Vuex一键换肤 , 一键换字体大小 ,动态替换全局主题颜色

疑问搜索动手解决记录

12-08

1万+

一、前言其实我这个写法每个UI库都通用 , 不局限于ElementUI , 看明白思路就知道怎么写了一键换肤 , 动态替换全局主题颜色功能已经实现很久了 , 在项目验收的时候出现了一个小问题 , 想改动一下 , 于是来记录一下前段时间公司项目里需要实现一键换服 , 换主题颜色 , 网上看了一部分大多数都是用js获取标签元素添加Attribute , 如document.XXXXXXX ,或者是建theme.css文件什么的 , 不太符合我想要实现的用最少的代码实现换肤的功能 , 如果用了框架 , 还

参与评论您还未登录，请先登录后发表或查看评论

Js-正则替换字符串replace()方法超详细用法

qq_45458749的博客

05-05

2万+

replace方法它接收一个正则表达式作为第一个参数, 接收一个替换字符串作为第二个参数。它搜索调用它的字符串, 寻找与指定模式匹配的文本。如果正则表达式带g标志, replace()方法会替换字符串中的所有匹配项; 否则, 它只替换第一个匹配项。如果replace()方法的第一个参数是一个字符串而非正则表达式, 这个方法会按照字面值进行搜索。简单用法 let text = 'my nam

JS中用replace替换特殊字符

热门推荐

cxws110的博客

04-19

2万+

1、替换一个字符 taskName=taskName.replace(/&lt;p&gt;/,"");或者 taskName=taskName.replace("&lt;p&gt;","");2、替换所有字符 taskName=taskName.replace(/&lt;p&gt;/g,"");g代表所有3、替换带/或者\的特殊字符&lt;/p

js正则表达式new RegExp(表达式, “gi“)不区分大小写、忽略大小写匹配替换字符

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

05-24

1763

'我a只A有a一A种aA容貌我就是永远不会倒我就算逆境环绕'.replace(new RegExp('a', "g"), '❤')'我a只A有a一A种aA容貌我就是永远不会倒我就算逆境环绕'.replace(new RegExp('a', "ig"), '❤')'我a只A有a一A种aA容貌我就是永远不会倒我就算逆境环绕'.replace(new RegExp('a', "gi"), '❤')'我❤只A有❤一A种❤A容貌我就是永远不会倒我就算逆境环绕'

带大小写忽略的Replace

alvin2901的博客

01-10

434

#region 以下函数用于忽略大小写替换操作 public static string Replace(string Expression, string Find, string Replacement) { return Replace(Expression, Find, Replacement, St...

recase：灵活转换字符串大小写格式

recase 是一个专注于字符串大小写格式化处理的轻量级 JavaScript 工具库，其核心功能是将输入的字符串转换为任意指定的大小写格式。该工具库的设计目标是解决开发者在实际编程过程中频繁遇到的文本格式化问题，尤其...

JavaScript正则方法replace实现搜索关键字高亮显示

10-19

3. **不区分大小写的全局匹配**：示例中创建了正则表达式的模式为`new RegExp("("+searchVal+")","ig")`，其中`i`标志表示忽略大小写，`g`标志表示全局匹配，意味着将匹配输入字符串中的所有实例。 4. **动态更新...

[js]一个只删除所有font标签的正则函数

12-01

最后的`g`和`i`是正则表达式的修饰符，`g`代表全局匹配，`i`表示不区分大小写。该函数将会把传入的字符串中所有匹配到的font标签替换成空字符串，即实现删除效果。接下来，我们可能会遇到一些特殊情况，例如标签...

忽略大小写的字符串替换(Replace)

weixin_30659829的博客

04-29

216

str=Regex.Replace(str,LastResult[i],"<font color=Red>" + LastResult[i] + "</font>",RegexOptions.IgnoreCase); 转载于:https://www.cnblogs.com/lijingpeng/archive/2012/04/29/2476298.html...

js正则表达式修改富文本里面的标签样式

royya_buli的博客

10-31

1359

js正则表达式修改富文本里面的标签样式

Java replaceAll不区分大小写

hw1287789687的专栏

11-01

1956

Java 中replaceAll如何忽略大小写呢? 方式一:在正则表达式前面添加(?i) @Test public void test_replaceAll33(){ String input = "I like Java,jAva is very easy and jaVa is so popular."; String replacement="cccc"; S...

js 忽略字母大小写

weixin_46600931的博客

08-31

4937

toLowerCase() ：把字符串转换为小写。方式一、输入项与被匹配项全部转化成统一格式。方式二、js正则进行忽略大小写匹配。toUpperCase()：把。

js 正则表达式 - 忽略英文大小写

Komorebi的博客

03-15

988

正则表达式忽略大小写

js替换html中的标签,js怎么替换html标签

weixin_29315091的博客

06-15

3405

在js中，可以利用replace()函数配合正则表达式“/]+>/g”来替换html标签，语法格式“stringObject.replace(/]+>/g,'')”。replace()可以替换一个与正则表达式匹配的子串。本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。js替换html标签function filter(text) {var ...

JS修改P标签样式

qq_31647655的博客

09-07

531

JS修改P标签样式，宽度

replace 正则表达式替换时只改变内容改变样式不改变大小写

weixin_41582348的博客

08-27

1270

开始写写自己东西吧，提升自己的同时也别人一种思路（主要是提醒自己，记性不好。。。）遇到搜索显示文本高亮的情况，常规方法就是全局找到目标值，再替换成一个自定义样式的元素。但是当只换样式内容不变时，遇到大小写问题，就可能同时替换成大写或者小写，然后自己写了一下应该解决了，下面是代码：今天天气好啊ddd，适合睡觉DDD ...

js 中的replaceAll

OoChellyoO的博客

07-07

463

function patch(re,s){//参数1正则式，参数2字串 re=eval("/"+re+"/ig")//不区分大小写，如须则去掉i,改为 re=eval("/"+re+"/g") return s.match(re).length; } var count = patch("\+","+32+3+");返回的是加号在字符串中的次数 "/g"表示的意思

js中如何批量替换指定字符大小写

qq_36222036的博客

02-08

550

把-后的字母转换为大写，并删除- 例如：margin-top转换成marginTop