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

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

解决方法：加载页面时，通过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; 

	    }

来源：CSDN

作者：Java小爬虫

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

标签

微信页面

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!