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

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

原创最新推荐文章于 2024-05-24 09:47:36 发布 · 6.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javaSript去掉富文本编辑 #js去除文本框 #javaSript #js文本框 #javaSript处理去掉富文本编辑的h

工作总结专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在微信页面中处理富文本数据的方法，通过JavaScript去除加载的富文本内容中的样式，确保页面显示的一致性和简洁性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

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

加载页面时，触发方法：

       <body  onload="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; 

	    }