`
joewalker
  • 浏览: 211510 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FCKEditor过滤html标签的解决办法

阅读更多

本文来自:http://laiba.tianya.cn/laiba/CommMsgs?cmm=11617&tid=2686857630450559236

     晚上在修改后台管理程序关于模板在线修改的部分,模板代码是用数据库存储的,编辑器使用的简化版本的fckeditor,遇到了html标签里的head和body标签被编辑器自动过滤的奇怪现象,俗话说知之为知之,不知百度之,在百度里搜索了一下找到了正确的解决方法,尝试之后证实有效。技术内容贴出来共享,如果你在做类似模板功能的时候使用fckeditor出现问题的话可以参考这里。

FCKConfig.FullPage=true/false 是否允许编辑整个HTML文件
FCKConfig.EnterMode = '' ; 去除fckeditor输入时自动加p标签属性值

如果你需要编辑模板页,默认的FCK设置是会去掉<HTML></HTML><BODY></BODY>标签,而且会给你加上<P></P>标签的,怎么办呢,只要设置一个小的地方就可以了。

在fckconfig.js配置文件里面有FCKConfig.FullPage = false ;
改为 FCKConfig.FullPage = true
如果想去掉自动添加<P>的代码就可以在这里设置

默认是
FCKConfig.EnterMode = 'p' ;    // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

改成
FCKConfig.EnterMode = '' ;    // p | div | br
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br

 

 

另附文章:

fckeditor,用p替代div标签设置对齐方式

  • 因为某些原因我使用的fckeditor不能使用div标签,我会在程序里面过滤掉自动生成的所有div,于是在使用对齐方式时需要改用p,fckeditor的配置文件里没有相应的方法,后来找到源代码里面有,修改了一下果然可以。

  • 第一步:在fckconfig.js文件里查找
    FCKConfig.EnterMode = 'div' ; 
    修改成
    FCKConfig.EnterMode = 'br' ; 

    第二步:
    修改fckeditorcode_ie.js和fckeditorcode_gecko.js文件
    查找:
    FCKConfig.EnterMode=='p'?'p':'div'
    修改成
    FCKConfig.EnterMode=='p'?'p':'p'

    即无论如何都不使用div标签,这样就可以了
分享到:
评论

相关推荐

    FCKEditor过滤标签的解决办法

    去除fckeditor输入时自动加p标签属性值 如果你需要编辑模板页,默认的FCK设置是会去掉&lt;HTML&gt;&lt;/HTML&gt;&lt;BODY&gt;&lt;/BODY&gt;标签,而且会给你加上&lt;P&gt;&lt;/P&gt;标签的,怎么办呢,只要设置一个小的地方就可以了...

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

    这可能包括使用正则表达式去除Word特有的HTML标签,如`&lt;o:p&gt;`,以及处理多余的样式信息。 3. **清理格式**:Word的格式化信息通常包含在CSS样式中,可以通过解析和清洗这些样式来消除Word的影响。比如,可以删除...

    HTML编辑器FCKeditor使用详解

    HTML编辑器FCKeditor是一款广泛应用于网站开发的开源富...无论是简单的文本编辑还是复杂的HTML内容构建,FCKeditor都能提供强大而便捷的解决方案。如果你是网站开发者,掌握FCKeditor的使用将极大地提升你的工作效率。

    HTML 文本编辑器FCKeditor

    3. **引入编辑器**:在网页中通过JavaScript代码引入FCKeditor,一般通过`&lt;script&gt;`标签引入相关脚本,并调用初始化函数。 4. **实例化编辑器**:在JavaScript中创建FCKeditor实例,指定编辑器容器元素的ID。 ```...

    FCKeditor & FCKeditor.java & fck-faces

    通过FCKeditor.java,开发者可以在Java后端处理编辑器提交的内容,例如进行数据验证、过滤HTML标签等操作。它通常配合Servlet或者JSP使用,为Java开发者提供了一种便捷的方式在Web应用中实现富文本编辑功能。 fck-...

    ASP.NET下FCKeditor配置方法全解

    此外,FCKeditor还支持自定义配置,通过修改fckconfig.js文件可以调整编辑器的默认设置,例如改变字体大小、颜色、允许的HTML标签等。 在实际应用中,你可能还需要考虑安全性问题,如过滤用户输入以防止XSS攻击,...

    FCKeditor在线编辑器教程

    5. HTML标签支持:允许用户直接输入HTML代码,增强编辑灵活性。 五、FCKeditor的自定义 1. 皮肤更换:FCKeditor提供多种预设皮肤,也可以自定义皮肤,改变编辑器外观。 2. 插件扩展:通过开发插件,可以添加更多...

    FCKeditor.Net_2.6.3.zip和FCKeditor-v2.6.3

    2. **配置文件**:根据实际需求修改配置文件(如fckconfig.js),设置默认样式、允许的HTML标签等。 3. **引用JavaScript和CSS**:在网页中引入FCKeditor所需的JavaScript库和CSS样式表。 4. **初始化编辑器**:在...

    FCKeditor开发jar包及fckeditor文件夹

    - FCKeditor虽然已经停止更新,但仍有大量的项目在使用,开发者可以在网上找到许多关于FCKeditor的教程、问答和论坛讨论,获取帮助和解决问题。 总的来说,这个压缩包提供了在Java和Web环境中使用FCKeditor编辑器...

    FCKeditor2.6.4使用说明

    - 由于FCKeditor允许用户输入HTML,应确保服务器端对用户提交的内容进行过滤和转义,防止XSS攻击。 - 文件上传功能需防范恶意文件,如病毒、木马,应检查文件类型和大小,并进行安全验证。 8. **问题解决与支持**...

    fckeditor

    "Fckeditor"是一款基于Java的开源富文本编辑器,它提供了丰富的文本格式化功能,使得用户在Web应用中能够方便地创建和编辑HTML内容。这款编辑器以其易用性、灵活性和强大的功能集而受到开发者的青睐。在描述中提到的...

    FCKeditor使用指南(FCKeditor_2.6.3)

    3. **集成到项目**:将编辑器的HTML代码嵌入到你的网页中,一般是在表单内,通过`&lt;textarea&gt;`标签替换为FCKeditor的实例代码。 **三、基本使用** 1. **初始化编辑器**:通过JavaScript调用`FCKeditor.Create()`...

    fckeditor运行包

    4. **安全性**:FCKeditor通过内置的安全机制,如过滤非法HTML标签,防止XSS攻击,保障了网站内容的安全性。 5. **易于集成**:通过API接口,FCKeditor可以方便地与其他Web应用集成,例如CMS(内容管理系统)、BBS...

    FCKeditor_2.6.10.rar

    4. **添加引用**:在JSP页面中通过`&lt;script&gt;`标签引入FCKeditor的JavaScript文件,通常是`fckeditor.js`。 5. **实例化编辑器**:使用JavaScript创建FCKeditor实例,指定编辑区域的ID和初始化参数。 6. **保存与提交...

    FCKeditor

    4. 调整编辑器的配置选项以满足项目需求,例如设定默认字体、颜色、允许的HTML标签等。 5. 如果需要多语言支持,确保加载正确的语言包。 通过以上步骤,你应该能在Java Web项目中成功集成并使用FCKeditor,提供一个...

    FCKeditor完整.zip

    8. **配置文件**:编辑器的配置文件(如fckconfig.js)允许开发者根据需要调整编辑器的行为和设置,例如设置默认字体、大小、允许的HTML标签等。 9. **库文件**:FCKeditor可能依赖于一些JavaScript库,如 ...

    fckeditor下载

    6. **处理提交的富文本**:由于富文本包含HTML标签,提交表单时需要处理这些数据。在服务器端,你可以使用相应的.NET类来解析和处理这些内容。 7. **安全与兼容性**:FCKeditor虽然强大,但也要注意安全问题,比如...

    FckEditor在.net中的使用及配置

    例如,你可以自定义上传文件的路径、限制允许的HTML标签、启用/禁用某些功能等。具体配置项可以在官方文档中查找。 六、自定义皮肤和语言 FckEditor支持自定义皮肤和多种语言。你可以在`BasePath`指定的目录下找到...

    jsp编辑器 fckeditor

    【标题】:JSP编辑器FCKeditor与Struts2的兼容性问题及解决方法 在Web开发中,FCKeditor是一款广泛使用的富文本编辑器,它为用户提供了一个类似于Word的在线编辑界面,使得在网页上编辑内容变得更加方便。FCKeditor...

    用MyEclipse集成FCKeditor的几个小例子

    在IT行业中,集成富...在JSP页面中,通过`&lt;script&gt;`标签引入FCKeditor的JavaScript文件,然后使用`&lt;fckeditor&gt;`标签进行实例化。例如: ```jsp &lt;%@ taglib prefix="fckeditor" uri="/WEB-INF/tld/fckeditor.tld" %&gt; ...

Global site tag (gtag.js) - Google Analytics