js处理网页编辑器转义、去除转义、去除HTML标签的正则-6ren

js处理网页编辑器转义、去除转义、去除HTML标签的正则

转载作者：qq735679552 更新时间：2022-09-27 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章js处理网页编辑器转义、去除转义、去除HTML标签的正则由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

富文本编辑器生成的HTML标签，进行转义，然后写入数据库，防止脚本注入:

 
    ? 
   
         function 
         htmlEncode(value){ 
        
         return 
         $( 
         '<div/>' 
         ).text(value).html(); 
        
         }

1、从数据库拿出的转义后的HTML标签内容，先得去除转义，然后再去除HTML标签，是生成缩略文字.

 
    ? 
   
         /*移除HTML标签代码*/ 
        
         function 
         removeHTMLTag(str) { 
        
         str = str.replace(/<\/?[^>]*>/g, 
         '' 
         );  
         //去除HTML tag 
        
         str = str.replace(/[ | ]*\n/g, 
         '\n' 
         );  
         //去除行尾空白 
        
         //str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行 
        
         str=str.replace(/ /ig, 
         '' 
         ); 
         //去掉  
        
         return 
         str; 
        
         } 
        
         //转意符换成普通字符 
        
         function 
         escape2Html(str) {  
        
         var 
         arrEntities={ 
         'lt' 
         : 
         '<' 
         , 
         'gt' 
         : 
         '>' 
         , 
         'nbsp' 
         : 
         ' ' 
         , 
         'amp' 
         : 
         '&' 
         , 
         'quot' 
         : 
         '"' 
         };  
        
         return 
         str.replace(/&(lt|gt|nbsp|amp|quot);/ig, 
         function 
         (all,t){ 
         return 
         arrEntities[t];});  
        
         }

如果是文章详情页的话，直接去除转义就可以显示在页面了:

 
    ? 
   
 
     
       
       
         //转意符换成普通字符 
        
 
         function 
         escape2Html(str) {  
        
 
           
         var 
         arrEntities={ 
         'lt' 
         : 
         '<' 
         , 
         'gt' 
         : 
         '>' 
         , 
         'nbsp' 
         : 
         ' ' 
         , 
         'amp' 
         : 
         '&' 
         , 
         'quot' 
         : 
         '"' 
         };  
        
 
           
         return 
         str.replace(/&(lt|gt|nbsp|amp|quot);/ig, 
         function 
         (all,t){ 
         return 
         arrEntities[t];});  
        
 
         } 
        
 
     
 
   

2、JS正则过滤（去除）富文本编辑器中的FONT-SIZE标签。

var test=test.replace(/font-size:\w+;?/g,''),

3、js处理去掉富文本编辑的html，样式，只显示纯文字内容，以供列表页使用。

<script type= "text/javascript" >

var description =

'<p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.1pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <b><span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">1.</span></b><b><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">国际保险经纪行业收入分析<span lang="EN-US"><o:p></o:p></span></span></b></p> <p style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt;margin-left: 0cm;text-indent:24.0pt;mso-char-indent-count:2.0;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">2010</span><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">年全球保险经纪行业市场规模为<span lang="EN-US">437.56</span>亿美元，<span lang="EN-US">2015</span>年增长至<span lang="EN-US">581.3</span>亿美元。<span lang="EN-US"><o:p></o:p></span></span></p> <p align="center" style="margin-top:19.5pt;margin-right:0cm;margin-bottom:19.5pt; margin-left:0cm;text-align:center;mso-pagination:widow-orphan"> <span lang="EN-US" style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">2010-2015</span><span style="font-family:宋体;mso-bidi-font-family:宋体;color:#252525">年国际保险经纪行业市场规模：亿美元</span></p> <p style="margin: 19.5pt 0cm; text-indent: 24.1pt; text-align: center;"> <img id="codetool">

4、jQuery JavaScript正则表达式与\n代替<BR> 。

Lee TaylorTeneff给出了该问题的处理方式:

var str = document.getElementById('mydiv').innerHTML; document.getElementById('mytextarea').innerHTML = str.replace(/<br\s*[\/]?>/gi, "\n"),

or using jQuery

var str = $("#mydiv").html(); var regex = /<br\s*[\/]?>/gi; $("#mydiv").html(str.replace(regex, "\n")),

5、要去除html标签，图片，换行，回车等。

 
          
           
            
            ? 
            
            
             
              
               
               
                 1 
                
               
                 2 
                
               
                 3 
                
               
                 4 
                
               
                 5 
               
  
               
                
                 
                 description = description.replace(/(\n)/g,  
                 "" 
                 ); 
                 
                 
                 description = description.replace(/(\t)/g,  
                 "" 
                 ); 
                 
                 
                 description = description.replace(/(\r)/g,  
                 "" 
                 ); 
                 
                 
                 description = description.replace(/<\/?[^>]*>/g,  
                 "" 
                 ); 
                 
                 
                 description = description.replace(/\s*/g,  
                 "" 
                 );

6、我小编写的一个替换fackeditor中的多余br与空行的。

 
          
           
            
            ? 
            
            
             
              
               
               
                 1 
                
               
                 2 
                
               
                 3 
                
               
                 4 
                
               
                 5 
                
               
                 6 
                
               
                 7 
                
               
                 8 
                
               
                 9 
                
               
                 10 
                
               
                 11 
                
               
                 12 
                
               
                 13 
                
               
                 14 
                
               
                 15 
                
               
                 16 
                
               
                 17 
                
               
                 18 
                
               
                 19 
                
               
                 20 
                
               
                 21 
               
  
               
                
                 
                 //加强替换主要是考虑多个br的问题 
                 
                 
                 function 
                 doRepAdvance(s){ 
                 
                 
                 var 
                 str=s.replace(/<p><br type= 
                 "_moz" 
                 ><\/p>/ig, 
                 "" 
                 ); 
                 
                 
                 str=str.replace(/<br type= 
                 "_moz" 
                 >\n&nbsp;<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br type= 
                 "_moz" 
                 >\n<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br type= 
                 "_moz" 
                 >\n\r<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br type= 
                 "_moz" 
                 ><\/p>/ig, 
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br \/>\n&nbsp;<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br>\n&nbsp;<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br \/>\n<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br \/>\n\r<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/(<br>\n){1,}<\/p>/ig, 
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/(<br>){1,}<\/p>/ig, 
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br>\n<\/p>/ig,  
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<br><\/p>/ig, 
                 "</p>" 
                 ); 
                 
                 
                 str=str.replace(/<p> <\/p>/ig, 
                 "" 
                 ); 
                 
                 
                 str=str.replace(/<p>&nbsp;<\/p>/ig, 
                 "" 
                 ); 
                 
                 
                 str=str.replace(/<p> <\/p>/ig, 
                 "" 
                 ); 
                 
                 
                 str=str.replace(/<p><\/p>/ig, 
                 "" 
                 ); 
                 
                 
                 return 
                 str; 
                 
                 
                 }

到此这篇关于js处理富文本编辑器转义、去除转义、去除HTML标签的正则的文章就介绍到这了,更多相关编辑器转义、去除转义、去除HTML标签内容请搜素我以前的文章或下面相关文章，希望大家以后多多支持我！。

 
         
          
         
         
         
         
          
           
          正则 
          JS 
          html标签 
          转义 
          网页编辑器 
          
          
           
          
         
         
          
          延伸 · 阅读 
          
          
          2020-09-06js通过正则匹配没有内容的空标签 
          2020-09-05解决正则表示式匹配($regex)引起的一次mongo数据库 
          2020-09-05Java正则相关的Pattern和Matcher类及遇到的坑 
          2020-09-05正则爬取京东商品信息并打包成.exe可执行程序 
          2020-09-05JS正则表达式必须包含数字、字母、特殊字符 
          2020-09-04Python使用正则表达式去除(过滤)HTML标签提取文字 
          
         
         
         
         
          
           
          
         
         
         
           精彩推荐 
          
         
         
          
           
            
           
          正则表达式 
            
            正则表达式{n,m}量词(至少n次，最多m次) 
            这篇文章主要介绍了正则表达式{n,m}量词，可以重复前面匹配的字符n-m次，至少n次，最多m次,需要的朋友可以参考下... 。 
             
             正则教程网 
             424 
             2020-08-25 
             
           
  
          正则表达式 
            
            利用正则快速找出两个字符串的不同字符 
            本文主要讲解利用正则快速找出两个字符串的不同字符的实现方法，有需要的同学可以参考下... 。 
             
             正则之家 
             309 
             2020-07-16 
             
           
  
          正则表达式 
            
            JS 正则表达式的位置匹配 
            JS中正则表达式的位置匹配代码，国外翻译的文章。... 。 
             
             正则之家 
             296 
             2020-07-28 
             
           
  
          正则表达式 
            
            php 正则表达式小结 
            正则表达式(regular expression)描述了一种字符串匹配的模式，可以用来检查一个串是否含有某种子串、将匹配的子串做替换或者从某个串中取出符合某个条件... 。 
             
             正则之家 
             462 
             2020-07-28 
             
           
  
          正则表达式 
            
            文本框输入限制的正则表达式大全 
            一些常用的文本框输入限制的正则表达式分享给大家，有需要的可以参考下... 。 
             
             正则之家 
             423 
             2020-07-07 
             
           
  
          正则表达式 
            
            JS正则表达式提取字符串中所有汉字的脚本 
            在网上发现有人用vbscript正则表达式实现了这个功能，但代码很厂，偶改成js的了，很短的一段代码... 。 
             
             正则之家 
             362 
             2020-07-18 
             
           
  
          正则表达式 
            
            积累比较常用的正则表达式（例如：匹配中文、匹配html） 
            本文是小编在日常工作中积累并整理的有关一些常用的正则表达式(例如：匹配中文、匹配html)，在此把全部内容分享在脚本之家网站，需要的朋友可以来脚... 。 
             
             正则之家 
             371 
             2020-08-17 
             
           
  
          正则表达式 
            
            正则表达式之文本模式的匹配和查找 
            这篇文章主要介绍了正则表达式之文本模式的匹配和查找操作方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下... 。 
             
             IT派森 
             125 
             2020-09-05 
             
           
  
          
         
         
          
           
          
          
           
           最近更新 
           
           
            
            js通过正则匹配没有内容的空标签 
            js处理网页编辑器转义、去除转义、去除HTM 
            使用正则表达式生成随机数据的方法 
            分享20个常用的正则表达式 
            常用正则表达式大全(金钱,非负整数,正整数 
            
           
          
          
           
           编辑推荐 
           
           
            
             
              
               
               
               云服务器是什么，云主机干什么用的？ 
               
              
            2 
              
              2020最新好用的web服务器软件推荐 
              2020-05-17 
              
            3 
              
              服务器操作系统有哪些? 
              2020-04-06 
              
            4 
              
              web服务器配置（图文详解） 
              2020-04-06 
              
            5 
              
              企业如何选择阿里云服务器配置? 
              2019-10-18 
              
            6 
              
              五大免费主机管理系统优缺点对比及推荐 
              2019-06-14 
              
            7 
              
              2019最新三款Windows下连接Linux的ssh软件下载推荐 
              2019-05-28 
              
            8 
              
              服务器常用管理软件盘点 
              2019-05-27 
              
            9 
              
              Nginx服务器究竟是怎么执行PHP项目 
              2019-05-24 
              
            10 
              
              运维必须知道的关于云服务器的十个问题 
              2019-05-24 
              
            
           
          
          
           
           阅读排行 
           
           
            
            1 UBB代码在论坛中的应用 
            2 正则匹配后面非指定字符的正则 
            3 正则表达式中不区分大小写的写法 
            4 自动识别HTML的标记 替换连接 
            5 正则替换换行符和把 br 替换成换行符 
            6 VS里的正则表达式的替换技巧 
            7 RegExp对象的方法和属性 
            8 比较正宗的验证邮箱的正则表达式js代码详解 
            9 正则表达式与HTML5新元素 
            10 比较不错的C#中的常用的正则表达式 
            
           
          
          
           
           热门标签 
           
           
           
             网页编辑器 　 替换重复字符 　 JS正则表达式 　 Javascript正则表达式 　 HyperScriptExpression 　 非贪婪模式 　 previousSibling 　 reg_replace 　 eregi_replace 　 RegexBuddy 　 自动链接 　 超文本流 　 正则表达式中文 　 C#正则表达式 　 align 　 全局替换 　 基本概念 　 超连接 　 regular 　 校验数据 　 截字符串 　 ubb代码 　 正则表达式语法 　 正则表达式验证 　 输入限制 　 ubbcodeasp 　 正则表达式教程 　 正则表达式工具 　 Match Tracer 　 清空标签 　 
            
           
          
          
           
          
         
         
         
          
          © 2019-2020 我 版权所有 www.zzvips.com  
          关于我们联系我们版权申明网站地图

最后此篇关于js处理网页编辑器转义、去除转义、去除HTML标签的正则的文章就讲到这里了,如果你想了解更多关于js处理网页编辑器转义、去除转义、去除HTML标签的正则的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

文章推荐： js通过正则匹配没有内容的空标签

文章推荐： python和ruby,我选谁？

文章推荐：使用正则表达式生成随机数据的方法

文章推荐： ajax返回值中有回车换行、空格的解决方法分享

php - php 中的 css 编辑器，类似于 wordpress css 编辑器
我想像 wordpress 的 css 管理器一样为我的网站制作 css 管理器。我想在 textarea 中打开 css 文件，这样我就可以编辑它，而不是在按下提交按钮后，应该保存 css 文件中的
javascript - CKEDITOR: "CKEDITOR.plugins.add(' ...，{ init:函数(编辑器)。 ."in this what is "编辑器”。？
我不知道这是一个有效的问题。我见过大多数插件和对话框定义的 CKEditor 示例都使用变量“editor”。我想知道它是什么以及它的值来自哪里。例如 CKEDITOR.plugins.add( '
26、XML 编辑器
如果你希望极认真地学习和使用 XML，那么一定想要找一款称手的 XML 编辑器 XML 是基于文本的 XML是基于文本的标记语言 XML可被类似记事本这样的简单的文本编辑器来创建和编辑不过在
Meteor:有没有人成功使用过Summernote 编辑器？
有没有人成功地将 Summernote 编辑器与 Meteor 一起使用？见 http://hackerwins.github.io/summernote/ 我在我的模板中包含了以下 div:
JSON 编辑器/格式化程序？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
jquery - PrimeFaces 编辑器
如何使文本默认从右向左对齐(p:editor)。当前使用 primefaces 3.0.M2-SNAPSHOT。现在无法更新到新版本吗？这是阿拉伯语版本应用程序所必需的。谢谢最佳答案在 we
Eclipse XSD 编辑器
如何启动或安装 Eclipse XSD 编辑器？根据this看来它应该开箱即用。我创建了 XMLExamples 项目，当我打开 Catalogue.xsd 时，Eclipse 将其视为文本文件。如
wysihtml5 编辑器 - 如何简单地向元素添加类？
我爱wysihtml5但我找不到任何关于向元素添加类这样简单的文档。基本上我正在寻找的是一种允许 blockquote 元素有 2 种不同变体的方法: blockquote.pull-leftblo
Django Markdown 编辑器
我真的很想要一个在 Django 中实现文本编辑器的清晰直接的示例，就像提议的 pagedown 或 markdownx 一样。我无法在 Django 2.0 中使用这些解决方案中的任何一个，并且我找
ide - ClojureCLR 编辑器
是否有支持 REPL 和大括号匹配的 ClojureCLR 编辑器？我找到了一个将对 ClojureCLR 的支持添加到 Visual Studio 的项目:vsClojure ，但无法构建它。还有其
用于只读和编辑模式的 GWT 编辑器
GWT 的编辑器框架非常好用，它不仅可以用于编辑POJO，还可以用于只读显示。但是，我并不完全确定进行内联编辑的最佳做法是什么。假设我有一个 PersonProxy 并且我有一对 Presente
验证 primefaces 编辑器
我对 primefaces 编辑器的第一个问题是它不接受来自 Chrome 和资源管理器中的 MS word 文档的文本，但在 Firefox 中工作正常。有没有办法让它直接接受来自 MS word
jQuery noConflict 编辑器
我使用 Prototype JS 作为主要 JS 库，并且我已将最后一个 RedactorJS 与 jQuery 以无冲突模式集成，但我无法启动如下功能: jQuery('#redactor').re
具有良好智能感知的 latex 编辑器？
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 5年前关闭。 Improve thi
jquery - 编辑器:模糊事件导致错误
我正在 Laravel 项目上使用 redactor 作为文本编辑器。每当编辑器位于页面上并初始化时，每当我单击任意位置时都会收到此错误。 Uncaught TypeError: $(...).cl
jQuery 幻灯片动画和tinyMCE 编辑器
我在带有 jQuery .show("slide") 动画的界面设计中使用tinyMCE 时遇到问题。由于表单的复杂性，它像向导一样被分为多个页面，但它不使用下一步和后退按钮。相反，它使用部分名称
php - 拖放，编辑器
如何制作像 wufoo.com 表单编辑器中那样的拖放式编辑器最佳答案通常客户端应用程序是使用某种客户端框架构建的。比较流行的是(排名不分先后): GWT YUI jQuery 首先检查这些内容，
具有可折叠区域的 CSS 编辑器
已关闭。此问题旨在寻求有关书籍、工具、软件库等的建议。不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以
具有语法错误检查和调试功能的 JavaScript 编辑器
有人建议我使用具有语法错误检查和调试功能的 Javascript 编辑器吗？ Eclipse IDE 有可用的插件吗？或者您可以建议最适合错误检查和调试的任何编辑器。提前致谢。最佳答案您可以安装
具有文本格式化和上下文感知功能的 C 编辑器
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 7 年前。

qq735679552

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

js处理网页编辑器转义、去除转义、去除HTML标签的正则

延伸 · 阅读

正则表达式{n,m}量词(至少n次，最多m次)

利用正则快速找出两个字符串的不同字符

JS 正则表达式的位置匹配

php 正则表达式小结

文本框输入限制的正则表达式大全

JS正则表达式提取字符串中所有汉字的脚本

积累比较常用的正则表达式（例如：匹配中文、匹配html）

正则表达式之文本模式的匹配和查找

2020最新好用的web服务器软件推荐

服务器操作系统有哪些?

web服务器配置（图文详解）

企业如何选择阿里云服务器配置?

五大免费主机管理系统优缺点对比及推荐

2019最新三款Windows下连接Linux的ssh软件下载推荐

服务器常用管理软件盘点

Nginx服务器究竟是怎么执行PHP项目

运维必须知道的关于云服务器的十个问题