fck编辑器过滤word里的多余样式,超级棒代码

在我做过的很多个项目中都使用到了FCK编辑器,有个问题一直困扰着我,就是很多人喜欢直接从Word中复制内容粘贴到FCK中,这样也复制了Word中的格式,也就产生了大量的垃圾代码,这些代码还经常影响到了页面的显示,今天下午终于狠下心来把这个问题解决了。从此从Word粘贴内容再也不会提示是否清理格式而是自动清除格式。

     FCK对IE浏览器的操作在这个文件中:fcKeditor/editor/js/fckeditorcode_ie.js。可以用编辑工具打开,其中代码非常多,第33行就是对word格式的检测。源代码中 if(FCKConfig.AutoDetectPasteFromWord&&A.length>0){var B=/<\w[^>]*(( class="?MsoNormal"?)|(="mso-))/gi;if (B.test(A)){......} 就是自动检测文字里是否包含word的标签,而我们的修改就是在就在最后一个大括号里添加代码。变量A就是粘贴板里的内容,B.test(A)就是检测是否是从Word粘贴过来的,我们用var D=A,然后在对D进行过滤, 最后把过滤后的数据插回到输入框,就是 result=this.InsertHtml(D);

具体的过滤代码FCK中也有非常好的例子,过滤代码可以在fcKeditor/editor/dialog/fck_paste.html中找到,在185行方法:function CleanWord( oNode, bIgnoreFont, bRemoveStyles ),第一个参数为要处理内容所在的对象,bIgnoreFont和bRemoveStyles 分别为是否清除Font和Style代码。

找到了清除的方法,我们可以复制这个方法到fcKeditor/editor/js/fckeditorcode_ie.js中,为了避免出错,可以把此方法原样不动的复制到fckeditorcode_ie.js的最上面,在做下小改动:

原方法第一句为:
Js代码  收藏代码

    var html = oNode.innerHTML ; 

为获取要清除的内容



我们修改为:
Js代码  收藏代码

    var html = oNode; 

这样我们就可以直接传入要清除的内容了

又回到B.tset(A)后的大括号,里面全部代码删掉,如果有兴趣可以看一下,是弹出那个是否要清除格式的代码。大括号里内容可以这样写:
Js代码  收藏代码

    var D=CleanWord(A,true,true); 
     
    result=this.InsertHtml(D); 
     
    return false; 



这样就完成了。

注意:CleanWord方法中大家仍可以自己设置是否清除Font和Style。

后面的return false;作用是停止粘贴,如果不中止这个操作,FCK中就会出现一个清除掉格式的内容和一个未清除格式的内容,呵呵,有兴趣可以试试。

祝各位修改顺利,有问题可以交流。



如果想偷懒的话,直接可以下载我修改好的文件覆盖掉你自己的就OK了,第一个附件为:fcKeditor/editor/js/fckeditorcode_ie.js

第二个附件是网友给我推荐修改后在火狐下可以自动去掉格式的fcKeditor/editor/js/fckeditorcode_gecko.js,我没有测试,各位有兴趣可以研究一下,试用结果可以给我留言交流,谢谢

    fckeditorcode_ie.rar (59.5 KB)
    下载次数: 251

    fckeditorcode_gecko.rar (48 KB)
    下载次数: 92

你可能感兴趣的:(html,浏览器,IE,fckeditor)