项目要求,对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>
实现方法:
var keyWord = formPanel.getForm().findField('keyWord').getValue(); if(keyWord != ''){ //获取编辑器上的的全部字符 var ckBody = CKEDITOR.instances["appendixCont"].document.getBody(); var allText = ckBody.getHtml() //先把BACKGROUND-COLOR: rgb(255,155,0)替换为空 //第一次替换后剩余的样式即为<SPAN style="">***</SPAN> allText = allText.replace(/BACKGROUND-COLOR:\s*rgb\(255,155,0\)/ig, ""); var regText = '<SPAN style="">' + keyWord + '</SPAN>'; var regS = new RegExp(regText, "gi"); //再替换剩余的字段 allText = allText.replace(regS, keyWord); //重新把替换后的字符写入编辑器 ckBody.setHtml(allText, true); }
备注:
new RegExp(pattern, attributes);参数
参数 pattern 是一个字符串,指定了正则表达式的模式或其他正则表达式。
参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。
返回值
一个新的 RegExp 对象,具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串,那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。
如果不用 new 运算符,而将 RegExp() 作为函数调用,那么它的行为与用 new 运算符调用时一样,只是当pattern 是正则表达式时,它只返回 pattern,而不再创建一个新的 RegExp 对象。
抛出
SyntaxError - 如果 pattern 不是合法的正则表达式,或 attributes 含有 "g"、"i" 和 "m" 之外的字符,抛出该异常。
TypeError - 如果 pattern 是 RegExp 对象,但没有省略 attributes 参数,抛出该异常。
相关推荐
高效的忽略大小写的字符串替换(Replace)函数[定义].pdf
js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换。 [removed] var strM = "这是要被替换的字符串啊啊!"; //在此我想将...
1.使用replace替换字符串的某些内容,使用的是正则+ replace, 2. 前提是替换字符串里面的某些标签,也可以是多个标签,这个是在react里面的,自己可以参考然后可以动态替换成其他标签,例如li,ul都是可以的 3.字符...
软件名称: Actual Search & Replace 版本:2.8.6 汉化作者:余飞雨 联系方式: dgyf44^gmail.com 写信时请替换 ^ 为 @ (由于垃圾邮件太多,写信请以余飞雨开头) 原版下载:不需要 运行环境:Windows 95, 98, Me,...
javascript正则表达式使用replace()替换手机号的方法.docx
PostCSS替换 用于替换字符串的插件。 这样写: /* CustomCSS Library v{{ version }} */ . foo { content : "{{ author }}" ; } 并得到这个: /* CustomCSS Library v1.3.7 */ . foo { content : "Gridonic" ...
如果说 Actual Search & Replace 堪称文件内容替换工具中的“屠龙刀”的话,那么,Search and Replace 则堪称文件内容搜索工具中的“倚天剑”。它不仅可以在任何文件中搜索,甚至可以以 二进制或脚本方式搜索,在 ...
replace 文本替换工具 ,可以批量替换整个目录,或文件中的文本
本文实例讲述了JavaScript使用Replace进行字符串替换的方法。分享给大家供大家参考。具体分析如下: var str='123123'; alert(str.replace('1','0')); //只替换第一处结果为023123 alert(str.replace(/...
JavaScript正则实战(会根据最近写的不断更新) 1、javascript 正则对象替换创建 和用法: /pattern/flags 先简单案例学习认识下...i: 忽略大小写 gi: 以上组合 //下面的例子用来获取url的两个参数,并返回urlRewrite之
主要介绍了MySQL中使用replace、regexp进行正则表达式替换的用法,结合具体实例形式分析了replace、regexp正则替换的使用技巧与相关注意事项,需要的朋友可以参考下
当我们在文本框里输入文字敲下回车后,希望在提交后网页也显示是换行的效果,这时我们需要把... } 2、使用js的replace进行处理 代码如下: str=str.replaceAll(“\n”, “ ”) 这样就可以做到js回车换行的效果了!
JavaScript替换和替换所有
js中replace的详细用法,包括基本用法、函数用法
Search&Replace文件查找替换 5.7中文版,查找和替换文件中指定字符串、正则表达式、二进制字符的利器
字符串批量查找替换Actual Search & Replace
• 用字符串或ANSI 字符串中的另一种模式替换模式(一个或全部,区分大小写或不区分大小写) 平台: • 32 位和64 位窗口。 速度: • 字符串更换可以比标准快 6-9 倍。 字符串搜索增益主要在 64 位模式下(使用...
就像一样替换CSS Modules @values,但是无需帮助,因此可以在其他插件(如之前使用它。 例子: /* constants.css */@value unit : 8px;@value footer-height : calc (unit * 5 );/* my-components.css */@value ...
本资源文件是我自己总结的,其中包括5个类,这5...用正则表达式替换字符串内容,使用正则表达式切割字符串,字符串匹配,将字符串“<msg>ha>ve modif<ied <<new.&txt”中的>替换为>将<替换为<将&替换为2. 等等情况!