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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36500554/article/details/79747638

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

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

	    }







猜你喜欢

转载自blog.csdn.net/qq_36500554/article/details/79747638
今日推荐