javaSript处理去掉富文本编辑的html样式，只显示纯文字内容

最新推荐文章于 2024-05-24 09:47:36 发布

Java小爬虫

最新推荐文章于 2024-05-24 09:47:36 发布

阅读量6.7k

点赞数 1

分类专栏：工作总结文章标签： javaSript去掉富文本编辑 js去除文本框 javaSript js文本框 javaSript处理去掉富文本编辑的h

本文链接：https://blog.csdn.net/qq_36500554/article/details/79747638

版权

工作总结专栏收录该内容

15 篇文章 0 订阅

订阅专栏

今天在写微信页面的时候遇到一个问题：页面读取来自平台存取的数据时，存有大量的富文本框，导致微信页面显示样式不协调。

解决方法：加载页面时，通过javaSript，遍历所有富文本内容，去除掉所有样式，只保留 基本空格。

       <div   style="margin-left: 56px; white-space: normal;">

           <div id="trainCount"  style="font-size: 14px;">
		  ${requestScope.atc.trainCount }
           </div>
      </div>

加载页面时，触发方法：

       <body  οnlοad="richTest('contactway');richTest('trainCount');richTest('trainTypeName');>

js进行处理：

	
    function richTest(aa){
	      // 去除 富文本格式
       var data =document.getElementById(aa).innerHTML;
            data = data.replace(/(\n)/g, "");    
            data = data.replace(/(\t)/g, "");    
            data = data.replace(/(\r)/g, "");    
            data = data.replace(/<\/?[^>]*>/g, "");    
            data = data.replace(/\s*/g, "");  
          document.getElementById(aa).innerHTML =data; 

	    }

Java小爬虫

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
3
评论
javaSript处理去掉富文本编辑的html样式，只显示纯文字内容

今天在写微信页面的时候遇到一个问题：页面读取来自平台存取的数据时，存有大量的富文本框，导致微信页面显示样式不协调。解决方法：加载页面时，通过javaSript，遍历所有富文本内容，去除掉所有样式，只保留 基本空格。 ${requestScope.atc.trainCount }
复制链接

扫一扫