`

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

分享到:
评论

相关推荐

    .net FCK编辑器 网站后台FCK编辑器

    《.NET FCK编辑器:网站后台的高效文本编辑解决方案》 .FCKeditor,全称为“FCKeditor for .NET”,是一款广泛应用于网站后台的开源HTML文本编辑器,专为.NET平台设计。它以其易用性、功能强大和高度可定制性著称,...

    FCK编辑器漏洞综合利用工具

    FCK编辑器是一款广泛应用于网站内容管理系统的开源富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作。然而,就像任何其他软件一样,FCK编辑器也存在安全漏洞,这些漏洞可能被恶意攻击者利用来进行渗透...

    FCK编辑器 asp版 精简无错

    FCK编辑器是一款开源的Web富文本编辑器,主要用于在网页上提供类似Microsoft Word的编辑体验。它支持多种编程语言平台,包括ASP(Active Server Pages),使开发者能够轻松地在网页中集成一个功能强大的文本编辑组件...

    FCK编辑器.rar

    FCK编辑器是一款知名的开源富文本编辑器,广泛应用于网站后台内容管理,为用户提供类似Microsoft Word的文本编辑体验。这款编辑器允许用户在网页上创建、编辑和格式化文本,支持图片上传、链接插入、表格操作等丰富...

    FCK文本编辑器

    1. **图文混排**:FCK文本编辑器支持在文本中插入和编辑图片,让用户能够像在Word中一样自由地调整图片的位置和大小,提升网页内容的呈现效果。 2. **Flash集成**:编辑器内置了对Flash的支持,允许用户直接在网页中...

    FCK编辑器网站后台

    **FCK编辑器网站后台详解** FCKeditor是一款开源的网页文本编辑器,它允许用户在网站后台以类似Word的方式编辑内容,极大地提高了网站内容创作的便利性。标题中的"FCK编辑器网站后台"指的是这款编辑器在网站管理...

    fck编辑器(调整工具栏,下拉宽度)

    首先,FCK编辑器的界面是由一系列配置文件和CSS样式控制的。要调整工具栏的布局,你需要修改`fckconfig.js`文件,这是FCKeditor的主要配置文件。在这个文件中,你可以定义工具栏的按钮组合,以及它们的显示方式。...

    FCK编辑器使用手册

    ### FCK编辑器使用手册详解 #### 一、FCK编辑器简介与常见问题解决 FCK编辑器是一款广泛应用于Web开发领域的富文本编辑器,它提供了强大的编辑功能,能够帮助开发者快速构建出具备丰富文本处理能力的应用系统。...

    FCK编辑器源码工程

    在【标题】"FCK编辑器源码工程"中,我们关注的是FCKeditor的源代码及其开发环境的构建。 **源码分析** FCKeditor的源码主要由JavaScript编写,兼容多种浏览器,包括Internet Explorer、Firefox、Chrome等。源码...

    JSP+FCK编辑器使用说明及中文问题

    JSP+FCK编辑器是Java Web开发中常用的一款富文本编辑工具,它允许用户在网页上创建和编辑内容,类似于Word的功能,支持图片上传、链接插入等操作。FCKeditor在早期非常流行,但由于后续的CKEditor的出现,FCKeditor...

    FCK编辑器及使用手册

    **FCK编辑器详解** FCKeditor是一款开源的JavaScript富文本编辑器,它为Web开发者提供了在网页上创建和编辑富文本内容的功能。这款编辑器以其强大的功能、易用性和可扩展性,曾经广泛应用于各类网站和应用程序。...

    FCK编辑器例子

    FCK编辑器是一款开源的富文本编辑器,它在Web应用中被广泛使用,允许用户在浏览器端进行类似于Word的文本格式化操作。这个“FCK编辑器例子”压缩包很可能是包含了一些示例代码和资源,帮助开发者更好地理解和使用FCK...

    下载资源,FCK编辑器代码

    标题中的“下载资源,FCK编辑器代码”可能指的是获取FCKeditor的源码或者相关的插件、配置文件,以便于开发者自定义编辑器的功能或者解决遇到的问题。这可能包括编辑器的核心JavaScript文件、CSS样式表、语言包以及...

    Fck编辑器基本使用.doc

    ### Fck编辑器基本使用知识点概述 #### 一、Fck编辑器简介 Fck编辑器是一款开源的富文本编辑器,广泛应用于Web应用程序中,为用户提供了一个接近桌面编辑器的体验。它支持多种格式的文本编辑,并且可以轻松地嵌入到...

    在fck下实现自动过滤word格式

    标题中的“在FCK下实现自动过滤Word格式”指的是在使用FCKeditor这款富文本编辑器时,如何处理用户从Microsoft Word中复制粘贴的内容,因为Word格式在Web页面上通常不能直接显示,需要进行转换或者过滤。FCKeditor是...

    FCk编辑器,在线编辑器

    随着时间的推移,FCk编辑器已逐渐被更新一代的富文本编辑器如CKEditor(FCk编辑器的后续版本)所取代,CKEditor在功能和性能上有了进一步提升,但FCk编辑器仍然在一些老项目中发挥着作用,它的设计理念和模式影响了...

    fck在线编辑器

    **fck在线编辑器**,全称为FCKeditor,是一款非常流行且功能强大的开源富文本编辑器,广泛应用于网页内容编辑、CMS系统、论坛、博客等场景。它为用户提供了一个类似Microsoft Word的界面,使得在网页上编辑文本、...

    FCK在线JSP编辑器

    **FCK在线JSP编辑器**是一款专为开发者设计的高效、便捷的在线文本编辑工具,尤其适用于处理JSP(JavaServer Pages)代码。这款编辑器以其强大的功能和易用性,深受开发者的喜爱。它提供了三种不同的皮肤,使得用户...

    java FCK 在线编辑器 使用方法及实例。

    Java中的FCK编辑器是一款强大的在线文本编辑器,它提供了类似Word的富文本编辑功能,让用户在网页上能够实现所见即所得(WYSIWYG)的编辑体验。这款编辑器支持图片上传、Flash嵌入,并且允许自定义工具栏,使得...

Global site tag (gtag.js) - Google Analytics