清理Word生成HTML的冗余；清理与清除HTML标签

最新推荐文章于 2023-02-27 22:35:28 发布
最新推荐文章于 2023-02-27 22:35:28 发布
阅读量1.1k 收藏
点赞数
分类专栏： JAVA
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuaileren003/article/details/8983235
版权

众所周知，当直接将word中的内容复制到网页上时，会产生很多冗余代码；

而现在，在线编辑器又很普遍；就包括，现在用的百度空间的这个文本编辑器，如果直接从WORD中写好的文章复制进来，本来没有几个字，结果，它会提示，超出最大字数；也就是因为冗余代码过多的原因；

而用户直接拷贝Word的事儿很常见；以前我也写过一个清理的方法；在我的空间也有；当时只是为了让文章在显示时，很够统一格式；清理了一些多余样式，然后用CSS控件其样式，如果控件不了的，就用!importan强制定义；呵呵；

虽然清理了样式，但也遗留了不少，例如，<font style="color:red">示例</font>；清理后成了<font>示例></font>；其实这时font标签已经没有用了，不如直接清除字；

于是就又写了一些方法；把几个常用的简单方法发上来吧，很简单；

[csharp] view plain copy print ?
  1. using System; 
  2. using System.Collections.Generic; 
  3. using System.Text; 
  4. using System.Text.RegularExpressions; 
  5.  
  6. namespace Extend 
  7. { 
  8.     public class Article 
  9.     { 
  11.         #region 清理HTML标签 
  12.         /// <summary> 
  13.         /// 清理HTML标签的多余样式；如<div style="color:#454353">示例</div>;换成<div>示例</div> 
  14.         /// </summary> 
  15.         /// <param name="str">原始文本</param> 
  16.         /// <param name="element">要清除的标签</param> 
  17.         /// <returns></returns> 
  18.         public static string ClearElement(string str, string element) 
  19.         { 
  20.             string old = @"<" + element + "[^>]+>"; 
  21.             string rep = "<" + element + ">"; 
  22.             str = Regex.Replace(str, old, rep, RegexOptions.IgnoreCase); 
  23.             return str; 
  24.         } 
  25.         /// <summary> 
  26.         /// 清除HTML标签；如<div style="color:#454353">示例</div>;换成：示例 
  27.         /// </summary> 
  28.         /// <param name="str">原始文本</param> 
  29.         /// <param name="element">要清除的标签</param> 
  30.         /// <returns></returns> 
  31.         public static string ReMoveElement(string str,string element) 
  32.         { 
  33.             string regFront = @"<" + element + "[^>]*>"; 
  34.             string regAfter = "</" + element + ">"; 
  35.             str = Regex.Replace(str, regFront, "", RegexOptions.IgnoreCase); 
  36.             str = Regex.Replace(str, regAfter, "", RegexOptions.IgnoreCase); 
  37.             return str; 
  38.         } 
  39.         /// <summary> 
  40.         /// 清理指定字符串，大小写不敏感 
  41.         /// </summary> 
  42.         /// <param name="strText">原始文本</param> 
  43.         /// <param name="strOld">要替换的字符串，支持正则表达式，大小写不敏感</param> 
  44.         /// <param name="strNew">替换后的字符串</param> 
  45.         /// <returns></returns> 
  46.         public static string RegexReplace(string strText,string strOld,string strNew) 
  47.         { 
  48.             strText = Regex.Replace(strText, strOld, strNew, RegexOptions.IgnoreCase); 
  49.             return strText; 
  50.         } 
  51.         /// <summary> 
  52.         /// 清理Word的样式，主要是一些带冒号的标签，如o:p 
  53.         /// </summary> 
  54.         /// <param name="strText"></param> 
  55.         /// <returns></returns> 
  56.         public static string ClearWordStyle(string strText) 
  57.         { 
  58.             string regFront = @"<\w+:[^>]*>"; 
  59.             string regAfter = @"</\w+:[^>]*>"; 
  60.             strText = Regex.Replace(strText, regFront, "", RegexOptions.IgnoreCase); 
  61.             strText = Regex.Replace(strText, regAfter, "", RegexOptions.IgnoreCase); 
  62.             return strText; 
  63.         } 
  64.         #endregion 
  65.  
  66.     } 
  67. }  
using System;
using System.Collections.Generic;
using System.Text;
using System.Text.RegularExpressions;

namespace Extend
{
    public class Article
    {

        #region 清理HTML标签
        /// <summary>
        /// 清理HTML标签的多余样式；如<div style="color:#454353">示例</div>;换成<div>示例</div>
        /// </summary>
        /// <param name="str">原始文本</param>
        /// <param name="element">要清除的标签</param>
        /// <returns></returns>
        public static string ClearElement(string str, string element)
        {
            string old = @"<" + element + "[^>]+>";
            string rep = "<" + element + ">";
            str = Regex.Replace(str, old, rep, RegexOptions.IgnoreCase);
            return str;
        }
        /// <summary>
        /// 清除HTML标签；如<div style="color:#454353">示例</div>;换成：示例
        /// </summary>
        /// <param name="str">原始文本</param>
        /// <param name="element">要清除的标签</param>
        /// <returns></returns>
        public static string ReMoveElement(string str,string element)
        {
            string regFront = @"<" + element + "[^>]*>";
            string regAfter = "</" + element + ">";
            str = Regex.Replace(str, regFront, "", RegexOptions.IgnoreCase);
            str = Regex.Replace(str, regAfter, "", RegexOptions.IgnoreCase);
            return str;
        }
        /// <summary>
        /// 清理指定字符串，大小写不敏感
        /// </summary>
        /// <param name="strText">原始文本</param>
        /// <param name="strOld">要替换的字符串，支持正则表达式，大小写不敏感</param>
        /// <param name="strNew">替换后的字符串</param>
        /// <returns></returns>
        public static string RegexReplace(string strText,string strOld,string strNew)
        {
            strText = Regex.Replace(strText, strOld, strNew, RegexOptions.IgnoreCase);
            return strText;
        }
        /// <summary>
        /// 清理Word的样式，主要是一些带冒号的标签，如o:p
        /// </summary>
        /// <param name="strText"></param>
        /// <returns></returns>
        public static string ClearWordStyle(string strText)
        {
            string regFront = @"<\w+:[^>]*>";
            string regAfter = @"</\w+:[^>]*>";
            strText = Regex.Replace(strText, regFront, "", RegexOptions.IgnoreCase);
            strText = Regex.Replace(strText, regAfter, "", RegexOptions.IgnoreCase);
            return strText;
        }
        #endregion

    }
}


以上只是清理的方法；实际操作时，可以这样写；

 

[csharp] view plain copy print ?
  1. /// <summary> 
  2.   /// 替换新闻内容中的Html标签的多余属性 
  3.   /// </summary> 
  4.   /// <param name="str"></param> 
  5.   /// <returns></returns> 
  6.   private string ArtilceClear(string str) 
  7.   { 
  8.       if (str == "" || str == null || string.IsNullOrEmpty(str)) 
  9.           return ""; 
  10.       //清理word标签，如o:p之类，带冒号的 
  11.       str = Extend.Article.ClearWordStyle(str); 
  12.       string[] el; 
  13.       //清理样式 
  14.       el = new string[] { "p", "div","table","tr","td" }; 
  15.       foreach (string s in el) 
  16.       { 
  17.           try 
  18.           { 
  19.               str = Extend.Article.ClearElement(str, s); 
  20.           } 
  21.           catch 
  22.           { 
  23.               continue; 
  24.           } 
  25.       } 
  26.       //清除样式 
  27.       el = new string[] { "span", "strong", "font", "h1", "tbody","o:p" }; 
  28.       foreach (string s in el) 
  29.       { 
  30.           try 
  31.           { 
  32.               str = Extend.Article.ReMoveElement(str, s); 
  33.               //while (str.IndexOf("</"+s+">") >-1) 
  34.               //{ 
  35.               //    str = Extend.Article.ReMoveElement(s, str); 
  36.               //} 
  37.           } 
  38.           catch 
  39.           { 
  40.               continue; 
  41.           } 
  42.       } 
  43.       str = Extend.Article.RegexReplace(str," ",""); 
  44.       return str; 
  45.   }  
  /// <summary>
    /// 替换新闻内容中的Html标签的多余属性
    /// </summary>
    /// <param name="str"></param>
    /// <returns></returns>
    private string ArtilceClear(string str)
    {
        if (str == "" || str == null || string.IsNullOrEmpty(str))
            return "";
        //清理word标签，如o:p之类，带冒号的
        str = Extend.Article.ClearWordStyle(str);
        string[] el;
        //清理样式
        el = new string[] { "p", "div","table","tr","td" };
        foreach (string s in el)
        {
            try
            {
                str = Extend.Article.ClearElement(str, s);
            }
            catch
            {
                continue;
            }
        }
        //清除样式
        el = new string[] { "span", "strong", "font", "h1", "tbody","o:p" };
        foreach (string s in el)
        {
            try
            {
                str = Extend.Article.ReMoveElement(str, s);
                //while (str.IndexOf("</"+s+">") >-1)
                //{
                //    str = Extend.Article.ReMoveElement(s, str);
                //}
            }
            catch
            {
                continue;
            }
        }
        str = Extend.Article.RegexReplace(str," ","");
        return str;
    }


注意看“清理”还是“清除”；像P、div、table等，是不能清除的，只是将它们的样式清理一下，将冗余代码去掉，该标签并不删除；而像span、font、o:p等，可以连标签清除掉；

上面的代码，只作为参考；更复杂的按条件清理，可以参看我以前的文章；一般的清理，上面的代码，也足够了

当前路径：editor/dialog/fck_paste.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
 * Copyright (C) 2003-2007 Frederico Caldeira Knabben
 *
 * == BEGIN LICENSE ==
 *
 * Licensed under the terms of any of the following licenses at your
 * choice:
 *
 *  - GNU General Public License Version 2 or later (the "GPL")
 *    http://www.gnu.org/licenses/gpl.html
 *
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
 *    http://www.gnu.org/licenses/lgpl.html
 *
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
 *    http://www.mozilla.org/MPL/MPL-1.1.html
 *
 * == END LICENSE ==
 *
 * This dialog is shown when, for some reason (usually security settings),
 * the user is not able to paste data from the clipboard to the editor using
 * the toolbar buttons or the context menu.
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="robots" content="noindex, nofollow" />

	<script type="text/javascript">
var oEditor = window.parent.InnerDialogLoaded() ;
var FCK = oEditor.FCK;
var FCKTools	= oEditor.FCKTools ;
var FCKConfig	= oEditor.FCKConfig ;

window.onload = function ()
{
	// First of all, translate the dialog box texts
	oEditor.FCKLanguageManager.TranslatePage(document) ;
	
	var sPastingType = window.parent.dialogArguments.CustomValue ;

	if ( sPastingType == 'Word' || sPastingType == 'Security' )
	{
		if ( sPastingType == 'Security' )
			document.getElementById( 'xSecurityMsg' ).style.display = '' ;

		var oFrame = document.getElementById('frmData') ;
		oFrame.style.display = '' ;

		if ( oFrame.contentDocument )
			oFrame.contentDocument.designMode = 'on' ;
		else
			oFrame.contentWindow.document.body.contentEditable = true ;
	}
	else
	{
		document.getElementById('txtData').style.display = '' ;
	}

	if ( sPastingType != 'Word' )
		document.getElementById('oWordCommands').style.display = 'none' ;

	window.parent.SetOkButton( true ) ;
	window.parent.SetAutoSize( true ) ;
}

function Ok()
{
	var sHtml ;

	var sPastingType = window.parent.dialogArguments.CustomValue ;

	if ( sPastingType == 'Word' || sPastingType == 'Security' )
	{
		var oFrame = document.getElementById('frmData') ;
		var oBody ;

		if ( oFrame.contentDocument )
			oBody = oFrame.contentDocument.body ;
		else
			oBody = oFrame.contentWindow.document.body ;

		if ( sPastingType == 'Word' )
		{
			// If a plugin creates a FCK.CustomCleanWord function it will be called instead of the default one
			if ( typeof( FCK.CustomCleanWord ) == 'function' )
				sHtml = FCK.CustomCleanWord( oBody, document.getElementById('chkRemoveFont').checked, document.getElementById('chkRemoveStyles').checked ) ;
			else
				sHtml = CleanWord( oBody, document.getElementById('chkRemoveFont').checked, document.getElementById('chkRemoveStyles').checked ) ;
		}
		else
			sHtml = oBody.innerHTML ;

		// Fix relative anchor URLs (IE automatically adds the current page URL).
		var re = new RegExp( window.location + "#", "g" ) ;
		sHtml = sHtml.replace( re, '#') ;
	}
	else
	{
		sHtml = oEditor.FCKTools.HTMLEncode( document.getElementById('txtData').value )  ;
		sHtml = sHtml.replace( /\n/g, '<BR>' ) ;
	}

	oEditor.FCK.InsertHtml( sHtml ) ;

	return true ;
}

function CleanUpBox()
{
	var oFrame = document.getElementById('frmData') ;

	if ( oFrame.contentDocument )
		oFrame.contentDocument.body.innerHTML = '' ;
	else
		oFrame.contentWindow.document.body.innerHTML = '' ;
}


// This function will be called from the PasteFromWord dialog (fck_paste.html)
// Input: oNode a DOM node that contains the raw paste from the clipboard
// bIgnoreFont, bRemoveStyles booleans according to the values set in the dialog
// Output: the cleaned string
function CleanWord( oNode, bIgnoreFont, bRemoveStyles )
{
	var html = oNode.innerHTML ;

	html = html.replace(/<o:p>\s*<\/o:p>/g, '') ;
	html = html.replace(/<o:p>.*?<\/o:p>/g, ' ') ;

	// Remove mso-xxx styles.
	html = html.replace( /\s*mso-[^:]+:[^;"]+;?/gi, '' ) ;

	// Remove margin styles.
	html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, '' ) ;
	html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ;

	html = html.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, '' ) ;
	html = html.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ;

	html = html.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ;

	html = html.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ;

	html = html.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ;

	html = html.replace( /\s*tab-stops:[^;"]*;?/gi, '' ) ;
	html = html.replace( /\s*tab-stops:[^"]*/gi, '' ) ;

	// Remove FONT face attributes.
	if ( bIgnoreFont )
	{
		html = html.replace( /\s*face="[^"]*"/gi, '' ) ;
		html = html.replace( /\s*face=[^ >]*/gi, '' ) ;

		html = html.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, '' ) ;
	}

	// Remove Class attributes
	html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ;

	// Remove styles.
	if ( bRemoveStyles )
		html = html.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ;

	// Remove empty styles.
	html =  html.replace( /\s*style="\s*"/gi, '' ) ;

	html = html.replace( /<SPAN\s*[^>]*>\s* \s*<\/SPAN>/gi, ' ' ) ;

	html = html.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ;

	// Remove Lang attributes
	html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ;

	html = html.replace( /<SPAN\s*>(.*?)<\/SPAN>/gi, '$1' ) ;

	html = html.replace( /<FONT\s*>(.*?)<\/FONT>/gi, '$1' ) ;

	// Remove XML elements and declarations
	html = html.replace(/<\\?\?xml[^>]*>/gi, '' ) ;

	// Remove Tags with XML namespace declarations: <o:p><\/o:p>
	html = html.replace(/<\/?\w+:[^>]*>/gi, '' ) ;

	// Remove comments [SF BUG-1481861].
	html = html.replace(/<\!--.*-->/g, '' ) ;

	html = html.replace( /<(U|I|STRIKE)> <\/\1>/g, ' ' ) ;

	html = html.replace( /<H\d>\s*<\/H\d>/gi, '' ) ;

	// Remove "display:none" tags.
	html = html.replace( /<(\w+)[^>]*\sstyle="[^"]*DISPLAY\s?:\s?none(.*?)<\/\1>/ig, '' ) ;

	if ( FCKConfig.CleanWordKeepsStructure )
	{
		// The original <Hn> tag send from Word is something like this: <Hn style="margin-top:0px;margin-bottom:0px">
		html = html.replace( /<H(\d)([^>]*)>/gi, '<h$1>' ) ;

		// Word likes to insert extra <font> tags, when using MSIE. (Wierd).
		html = html.replace( /<(H\d)><FONT[^>]*>(.*?)<\/FONT><\/\1>/gi, '<$1>$2</$1>' );
		html = html.replace( /<(H\d)><EM>(.*?)<\/EM><\/\1>/gi, '<$1>$2</$1>' );
	}
	else
	{
		html = html.replace( /<H1([^>]*)>/gi, '<div$1><b><font size="6">' ) ;
		html = html.replace( /<H2([^>]*)>/gi, '<div$1><b><font size="5">' ) ;
		html = html.replace( /<H3([^>]*)>/gi, '<div$1><b><font size="4">' ) ;
		html = html.replace( /<H4([^>]*)>/gi, '<div$1><b><font size="3">' ) ;
		html = html.replace( /<H5([^>]*)>/gi, '<div$1><b><font size="2">' ) ;
		html = html.replace( /<H6([^>]*)>/gi, '<div$1><b><font size="1">' ) ;

		html = html.replace( /<\/H\d>/gi, '<\/font><\/b><\/div>' ) ;

		// Transform <P> to <DIV>
		var re = new RegExp( '(<P)([^>]*>.*?)(<\/P>)', 'gi' ) ;	// Different because of a IE 5.0 error
		html = html.replace( re, '<div$2<\/div>' ) ;

		// Remove empty tags (three times, just to be sure).
		// This also removes any empty anchor
		html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
		html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
		html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ;
	}

	return html ;
}

	</script>

</head>
<body style="overflow: hidden">
	<table cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 98%">
		<tr>
			<td>
				<div id="xSecurityMsg" style="display: none">
					<span fcklang="DlgPasteSec">Because of your browser security settings,
						the editor is not able to access your clipboard data directly. You are required
						to paste it again in this window.</span><br />
					 
				</div>
				<div>
					<span fcklang="DlgPasteMsg2">Please paste inside the following box using the keyboard
						(<strong>Ctrl+V</strong>) and hit <strong>OK</strong>.</span><br />
					 
				</div>
			</td>
		</tr>
		<tr>
			<td valign="top" height="100%" style="border-right: #000000 1px solid; border-top: #000000 1px solid;
				border-left: #000000 1px solid; border-bottom: #000000 1px solid">
				<textarea id="txtData" cols="80" rows="5" style="border: #000000 1px; display: none;
					width: 99%; height: 98%"></textarea>
				<iframe id="frmData" src="javascript:void(0)" height="98%" width="99%" frameborder="0"
					style="border-right: #000000 1px; border-top: #000000 1px; display: none; border-left: #000000 1px;
					border-bottom: #000000 1px; background-color: #ffffff"></iframe>
			</td>
		</tr>
		<tr id="oWordCommands">
			<td>
				<table border="0" cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td nowrap="nowrap">
							<input id="chkRemoveFont" type="checkbox" checked="checked" />
							<label for="chkRemoveFont" fcklang="DlgPasteIgnoreFont">
								Ignore Font Face definitions</label>
							<br />
							<input id="chkRemoveStyles" type="checkbox" />
							<label for="chkRemoveStyles" fcklang="DlgPasteRemoveStyles">
								Remove Styles definitions</label>
						</td>
						<td align="right" valign="top">
							<input type="button" fcklang="DlgPasteCleanBox" value="Clean Up Box" οnclick="CleanUpBox()" />
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>
</body>
</html>


 

当前路径：editor/dialog/fck_paste.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- * FCKeditor - The text editor for Internet - http://www.fckeditor.net * Copyright (C) 2003-2007 Frederico Caldeira Knabben * * == BEGIN LICENSE == * * Licensed under the terms of any of the following licenses at your * choice: * *  - GNU General Public License Version 2 or later (the "GPL") *    http://www.gnu.org/licenses/gpl.html * *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL") *    http://www.gnu.org/licenses/lgpl.html * *  - Mozilla Public License Version 1.1 or later (the "MPL") *    http://www.mozilla.org/MPL/MPL-1.1.html * * == END LICENSE == * * This dialog is shown when, for some reason (usually security settings), * the user is not able to paste data from the clipboard to the editor using * the toolbar buttons or the context menu.--><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="noindex, nofollow" /> <script type="text/javascript">var oEditor = window.parent.InnerDialogLoaded() ;var FCK = oEditor.FCK;var FCKTools = oEditor.FCKTools ;var FCKConfig = oEditor.FCKConfig ;window.onload = function (){ // First of all, translate the dialog box texts oEditor.FCKLanguageManager.TranslatePage(document) ; var sPastingType = window.parent.dialogArguments.CustomValue ; if ( sPastingType == 'Word' || sPastingType == 'Security' ) { if ( sPastingType == 'Security' ) document.getElementById( 'xSecurityMsg' ).style.display = '' ; var oFrame = document.getElementById('frmData') ; oFrame.style.display = '' ; if ( oFrame.contentDocument ) oFrame.contentDocument.designMode = 'on' ; else oFrame.contentWindow.document.body.contentEditable = true ; } else { document.getElementById('txtData').style.display = '' ; } if ( sPastingType != 'Word' ) document.getElementById('oWordCommands').style.display = 'none' ; window.parent.SetOkButton( true ) ; window.parent.SetAutoSize( true ) ;}function Ok(){ var sHtml ; var sPastingType = window.parent.dialogArguments.CustomValue ; if ( sPastingType == 'Word' || sPastingType == 'Security' ) { var oFrame = document.getElementById('frmData') ; var oBody ; if ( oFrame.contentDocument ) oBody = oFrame.contentDocument.body ; else oBody = oFrame.contentWindow.document.body ; if ( sPastingType == 'Word' ) { // If a plugin creates a FCK.CustomCleanWord function it will be called instead of the default one if ( typeof( FCK.CustomCleanWord ) == 'function' ) sHtml = FCK.CustomCleanWord( oBody, document.getElementById('chkRemoveFont').checked, document.getElementById('chkRemoveStyles').checked ) ; else sHtml = CleanWord( oBody, document.getElementById('chkRemoveFont').checked, document.getElementById('chkRemoveStyles').checked ) ; } else sHtml = oBody.innerHTML ; // Fix relative anchor URLs (IE automatically adds the current page URL). var re = new RegExp( window.location + "#", "g" ) ; sHtml = sHtml.replace( re, '#') ; } else { sHtml = oEditor.FCKTools.HTMLEncode( document.getElementById('txtData').value )  ; sHtml = sHtml.replace( /\n/g, '<BR>' ) ; } oEditor.FCK.InsertHtml( sHtml ) ; return true ;}function CleanUpBox(){ var oFrame = document.getElementById('frmData') ; if ( oFrame.contentDocument ) oFrame.contentDocument.body.innerHTML = '' ; else oFrame.contentWindow.document.body.innerHTML = '' ;}// This function will be called from the PasteFromWord dialog (fck_paste.html)// Input: oNode a DOM node that contains the raw paste from the clipboard// bIgnoreFont, bRemoveStyles booleans according to the values set in the dialog// Output: the cleaned stringfunction CleanWord( oNode, bIgnoreFont, bRemoveStyles ){ var html = oNode.innerHTML ; html = html.replace(/<o:p>\s*<\/o:p>/g, '') ; html = html.replace(/<o:p>.*?<\/o:p>/g, '&nbsp;') ; // Remove mso-xxx styles. html = html.replace( /\s*mso-[^:]+:[^;"]+;?/gi, '' ) ; // Remove margin styles. html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*;/gi, '' ) ; html = html.replace( /\s*MARGIN: 0cm 0cm 0pt\s*"/gi, "\"" ) ; html = html.replace( /\s*TEXT-INDENT: 0cm\s*;/gi, '' ) ; html = html.replace( /\s*TEXT-INDENT: 0cm\s*"/gi, "\"" ) ; html = html.replace( /\s*TEXT-ALIGN: [^\s;]+;?"/gi, "\"" ) ; html = html.replace( /\s*PAGE-BREAK-BEFORE: [^\s;]+;?"/gi, "\"" ) ; html = html.replace( /\s*FONT-VARIANT: [^\s;]+;?"/gi, "\"" ) ; html = html.replace( /\s*tab-stops:[^;"]*;?/gi, '' ) ; html = html.replace( /\s*tab-stops:[^"]*/gi, '' ) ; // Remove FONT face attributes. if ( bIgnoreFont ) { html = html.replace( /\s*face="[^"]*"/gi, '' ) ; html = html.replace( /\s*face=[^ >]*/gi, '' ) ; html = html.replace( /\s*FONT-FAMILY:[^;"]*;?/gi, '' ) ; } // Remove Class attributes html = html.replace(/<(\w[^>]*) class=([^ |>]*)([^>]*)/gi, "<$1$3") ; // Remove styles. if ( bRemoveStyles ) html = html.replace( /<(\w[^>]*) style="([^\"]*)"([^>]*)/gi, "<$1$3" ) ; // Remove empty styles. html =  html.replace( /\s*style="\s*"/gi, '' ) ; html = html.replace( /<SPAN\s*[^>]*>\s*&nbsp;\s*<\/SPAN>/gi, '&nbsp;' ) ; html = html.replace( /<SPAN\s*[^>]*><\/SPAN>/gi, '' ) ; // Remove Lang attributes html = html.replace(/<(\w[^>]*) lang=([^ |>]*)([^>]*)/gi, "<$1$3") ; html = html.replace( /<SPAN\s*>(.*?)<\/SPAN>/gi, '$1' ) ; html = html.replace( /<FONT\s*>(.*?)<\/FONT>/gi, '$1' ) ; // Remove XML elements and declarations html = html.replace(/<\\?\?xml[^>]*>/gi, '' ) ; // Remove Tags with XML namespace declarations: <o:p><\/o:p> html = html.replace(/<\/?\w+:[^>]*>/gi, '' ) ; // Remove comments [SF BUG-1481861]. html = html.replace(/<\!--.*-->/g, '' ) ; html = html.replace( /<(U|I|STRIKE)>&nbsp;<\/\1>/g, '&nbsp;' ) ; html = html.replace( /<H\d>\s*<\/H\d>/gi, '' ) ; // Remove "display:none" tags. html = html.replace( /<(\w+)[^>]*\sstyle="[^"]*DISPLAY\s?:\s?none(.*?)<\/\1>/ig, '' ) ; if ( FCKConfig.CleanWordKeepsStructure ) { // The original <Hn> tag send from Word is something like this: <Hn style="margin-top:0px;margin-bottom:0px"> html = html.replace( /<H(\d)([^>]*)>/gi, '<h$1>' ) ; // Word likes to insert extra <font> tags, when using MSIE. (Wierd). html = html.replace( /<(H\d)><FONT[^>]*>(.*?)<\/FONT><\/\1>/gi, '<$1>$2</$1>' ); html = html.replace( /<(H\d)><EM>(.*?)<\/EM><\/\1>/gi, '<$1>$2</$1>' ); } else { html = html.replace( /<H1([^>]*)>/gi, '<div$1><b><font size="6">' ) ; html = html.replace( /<H2([^>]*)>/gi, '<div$1><b><font size="5">' ) ; html = html.replace( /<H3([^>]*)>/gi, '<div$1><b><font size="4">' ) ; html = html.replace( /<H4([^>]*)>/gi, '<div$1><b><font size="3">' ) ; html = html.replace( /<H5([^>]*)>/gi, '<div$1><b><font size="2">' ) ; html = html.replace( /<H6([^>]*)>/gi, '<div$1><b><font size="1">' ) ; html = html.replace( /<\/H\d>/gi, '<\/font><\/b><\/div>' ) ; // Transform <P> to <DIV> var re = new RegExp( '(<P)([^>]*>.*?)(<\/P>)', 'gi' ) ; // Different because of a IE 5.0 error html = html.replace( re, '<div$2<\/div>' ) ; // Remove empty tags (three times, just to be sure). // This also removes any empty anchor html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ; html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ; html = html.replace( /<([^\s>]+)(\s[^>]*)?>\s*<\/\1>/g, '' ) ; } return html ;} </script></head><body style="overflow: hidden"> <table cellspacing="0" cellpadding="0" width="100%" border="0" style="height: 98%"> <tr> <td> <div id="xSecurityMsg" style="display: none"> <span fcklang="DlgPasteSec">Because of your browser security settings, the editor is not able to access your clipboard data directly. You are required to paste it again in this window.</span><br /> &nbsp; </div> <div> <span fcklang="DlgPasteMsg2">Please paste inside the following box using the keyboard (<strong>Ctrl+V</strong>) and hit <strong>OK</strong>.</span><br /> &nbsp; </div> </td> </tr> <tr> <td valign="top" height="100%" style="border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid; border-bottom: #000000 1px solid"> <textarea id="txtData" cols="80" rows="5" style="border: #000000 1px; display: none; width: 99%; height: 98%"></textarea> <iframe id="frmData" src="javascript:void(0)" height="98%" width="99%" frameborder="0" style="border-right: #000000 1px; border-top: #000000 1px; display: none; border-left: #000000 1px; border-bottom: #000000 1px; background-color: #ffffff"></iframe> </td> </tr> <tr id="oWordCommands"> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td nowrap="nowrap"> <input id="chkRemoveFont" type="checkbox" checked="checked" /> <label for="chkRemoveFont" fcklang="DlgPasteIgnoreFont"> Ignore Font Face definitions</label> <br /> <input id="chkRemoveStyles" type="checkbox" /> <label for="chkRemoveStyles" fcklang="DlgPasteRemoveStyles"> Remove Styles definitions</label> </td> <td align="right" valign="top"> <input type="button" fcklang="DlgPasteCleanBox" value="Clean Up Box" οnclick="CleanUpBox()" /> </td> </tr> </table> </td> </tr> </table></body></html>

王姐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
清除word转换的HTML垃圾代码工具
08-15
清除word保存成的html格式的文件中的垃圾代码 复制html文件中的代码到上面的输入框，然后点击转换即可
Dreamweaver怎么清理冗余的网页代码
09-24
Dreamweaver，全称Adobe Dreamweaver，是一款强大的网页设计和开发工具，它提供了清理冗余代码的功能，特别是针对由Word生成的HTML网页，因为Word在转换为HTML时会产生大量不必要的代码。 首先，当我们在Word中创建...
清理WORD生成的HTML的脚本
happmaoo的专栏
05-15 306
代码如下: &lt;script language="javascript"&gt; &lt;!-- function cleanWordHtml(html) { // Remove all SPAN tags html = html.replace(/&lt;\/?SPAN[^&gt;]*&gt;/gi, ""); // Remove Class attributes html =...
word自动消除html标签,清理Word生成HTML的冗余；清理与清除HTML标签
weixin_29553791的博客
05-30 499
众所周知，当直接将word中的内容复制到网页上时，会产生很多冗余代码；而现在，在线编辑器又很普遍；就包括，现在用的百度空间的这个文本编辑器，如果直接从WORD中写好的文章复制进来，本来没有几个字，结果，它会提示，超出最大字数；也就是因为冗余代码过多的原因；而用户直接拷贝Word的事儿很常见；以前我也写过一个清理的方法；在我的空间也有；当时只是为了让文章在显示时，很够统一格式；清理了一些多余样式，然...
清理Word生成HTML的冗余；清理与清除HTML标签1
weixin_30446613的博客
07-26 164
/// <summary>清理Word生成的冗余HTML【使用】 /// /// </summary> /// <param name="html"></param> /// <returns></returns> static...
清理Windows下Install文件夹冗余msi.zip_MSI冗余清理_冗余msi_清理
09-20
标题中的“清理Windows下Install文件夹冗余msi.zip”指的是一个专门用于清理这些不再需要的、过时的`.msi`文件的工具或代码实现。这个工具基于网上的代码进行了封装，并用C++语言编写。 `.msi`文件是Windows ...
MDK自动清理冗余插件.zip
05-18
MDK自动清理冗余插件是一款专为MDK(Keil uVision)用户设计的工具，旨在帮助开发者高效地管理项目文件，减少无用的库和编译产物，从而达到优化工程体积的目的。MDK是 ARM 公司推出的一款集成开发环境，广泛应用于...
冗余清理
05-12
5. **安全软件**：有些安全软件，如防病毒软件，也有提供清理功能，可以辅助清除系统中的冗余文件和优化系统性能。 在处理冗余清理时，务必注意备份重要数据，因为错误的操作可能导致系统不稳定甚至数据丢失。此外...
自动检索资源占用存储大小，便于清理冗余存储
06-25
TreeSize free是一款硬盘空间管理工具，它能够显示文件大小和实际占空间数及其浪费的空间等，让用户可以最清楚的了解电脑硬盘中的情况。TreeSize free可以搜索磁盘分区或者是文件夹，并且显示出具体的空间使用信息...
把Word转为简洁html的若干方法 清理 拷贝 word 垃圾 代码 ，word 转 html
电子商务 asp.net ajax
03-25 3051
  把Word转为简洁html的若干方法 - 网页设计专栏   word可以直接另存为 htm，但即使是 另存为 html 也会有大量的废代码。以前我一般用 dreamweaver 的 clean up html 来处理，先处理 word 特有标签，然后删除一些 font,b,span 等。进一步，在 editplus 里面用正则进行处理，最后得到我想要的干净的html 代码。当然最完美的办法就
html word 垃圾,把Word转为简洁html的若干方法 清理 拷贝 word 垃圾 代码 ，word 转 html...
weixin_34928052的博客
06-25 297
word可以直接另存为 htm，但即使是 另存为 html 也会有大量的废代码。以前我一般用 dreamweaver 的 clean up html 来处理，先处理 word 特有标签，然后删除一些 font,b,span 等。进一步，在 editplus 里面用正则进行处理，最后得到我想要的干净的html 代码。当然最完美的办法就是拷贝文字出来，自己用文本编辑器书写htm标签，：)今天又看到li...
清理由Word导出的HTML文档的JS脚本
handong5403的专栏
07-06 1120
当把一个Word文档导出成HTML格式时，会发现到处的文件之中会有很多样式，结果使得文件很大。下面的这个脚本可以清理其中的样式信息，只保留数据信息。使用方法：把放到html文件的中，然后打开文件，会看到在页面的最下面多出了一个按钮。点击，弹出一个新的页面，并提示保存文件。保存即可。说明：因为时间比较仓卒，所以可能会有一些错误，请大家帮忙指正。//function Parse
HTML开发——项目心得（关于web布局以及代码冗余问题）
tshshow的博客
10-21 1767
刚刚完成了一个练习小项目，这个项目包含了几个网页，但这几个网页的框架基本上是相同的。那么在做这样的项目时，首先要做的除了对单个网页的框架进行设计以外，我们还应该注意代码的冗余问题，就是要使你设计的那个框架能够很好的兼容这几个网页的内容，达到写最少的代码实现同样的功能的效果。比如在这个项目中我们会发现，这些网页的布局框架都是上中下结构，而且顶部和底部是完全相同的，只有中间部分稍有不同。因此在最初设计
word复制到html编辑器中可能产生的垃圾代码
最新发布
暂时先用这个名字
02-27 1761
MsoNormal: 这是Word默认使用的样式名称，也是最常见的垃圾代码之一。MsoListParagraph: 用于列表段落的样式名称。MsoTitle: 用于标题的样式名称。MsoHeader: 用于页眉的样式名称。MsoFooter: 用于页脚的样式名称。MsoTable: 用于表格的样式名称。MsoCommentText: 用于批注的样式名称。MsoBodyText: 用于正文的样式名称。这些垃圾代码通常会导致样式混乱，因此建议在处理HTML代码时尽可能去除它们。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值