本文来自: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输入时自动加p标签属性值 如果你需要编辑模板页,默认的FCK设置是会去掉<HTML></HTML><BODY></BODY>标签,而且会给你加上<P></P>标签的,怎么办呢,只要设置一个小的地方就可以了...
这可能包括使用正则表达式去除Word特有的HTML标签,如`<o:p>`,以及处理多余的样式信息。 3. **清理格式**:Word的格式化信息通常包含在CSS样式中,可以通过解析和清洗这些样式来消除Word的影响。比如,可以删除...
HTML编辑器FCKeditor是一款广泛应用于网站开发的开源富...无论是简单的文本编辑还是复杂的HTML内容构建,FCKeditor都能提供强大而便捷的解决方案。如果你是网站开发者,掌握FCKeditor的使用将极大地提升你的工作效率。
3. **引入编辑器**:在网页中通过JavaScript代码引入FCKeditor,一般通过`<script>`标签引入相关脚本,并调用初始化函数。 4. **实例化编辑器**:在JavaScript中创建FCKeditor实例,指定编辑器容器元素的ID。 ```...
通过FCKeditor.java,开发者可以在Java后端处理编辑器提交的内容,例如进行数据验证、过滤HTML标签等操作。它通常配合Servlet或者JSP使用,为Java开发者提供了一种便捷的方式在Web应用中实现富文本编辑功能。 fck-...
此外,FCKeditor还支持自定义配置,通过修改fckconfig.js文件可以调整编辑器的默认设置,例如改变字体大小、颜色、允许的HTML标签等。 在实际应用中,你可能还需要考虑安全性问题,如过滤用户输入以防止XSS攻击,...
5. HTML标签支持:允许用户直接输入HTML代码,增强编辑灵活性。 五、FCKeditor的自定义 1. 皮肤更换:FCKeditor提供多种预设皮肤,也可以自定义皮肤,改变编辑器外观。 2. 插件扩展:通过开发插件,可以添加更多...
2. **配置文件**:根据实际需求修改配置文件(如fckconfig.js),设置默认样式、允许的HTML标签等。 3. **引用JavaScript和CSS**:在网页中引入FCKeditor所需的JavaScript库和CSS样式表。 4. **初始化编辑器**:在...
- FCKeditor虽然已经停止更新,但仍有大量的项目在使用,开发者可以在网上找到许多关于FCKeditor的教程、问答和论坛讨论,获取帮助和解决问题。 总的来说,这个压缩包提供了在Java和Web环境中使用FCKeditor编辑器...
- 由于FCKeditor允许用户输入HTML,应确保服务器端对用户提交的内容进行过滤和转义,防止XSS攻击。 - 文件上传功能需防范恶意文件,如病毒、木马,应检查文件类型和大小,并进行安全验证。 8. **问题解决与支持**...
"Fckeditor"是一款基于Java的开源富文本编辑器,它提供了丰富的文本格式化功能,使得用户在Web应用中能够方便地创建和编辑HTML内容。这款编辑器以其易用性、灵活性和强大的功能集而受到开发者的青睐。在描述中提到的...
3. **集成到项目**:将编辑器的HTML代码嵌入到你的网页中,一般是在表单内,通过`<textarea>`标签替换为FCKeditor的实例代码。 **三、基本使用** 1. **初始化编辑器**:通过JavaScript调用`FCKeditor.Create()`...
4. **安全性**:FCKeditor通过内置的安全机制,如过滤非法HTML标签,防止XSS攻击,保障了网站内容的安全性。 5. **易于集成**:通过API接口,FCKeditor可以方便地与其他Web应用集成,例如CMS(内容管理系统)、BBS...
4. **添加引用**:在JSP页面中通过`<script>`标签引入FCKeditor的JavaScript文件,通常是`fckeditor.js`。 5. **实例化编辑器**:使用JavaScript创建FCKeditor实例,指定编辑区域的ID和初始化参数。 6. **保存与提交...
4. 调整编辑器的配置选项以满足项目需求,例如设定默认字体、颜色、允许的HTML标签等。 5. 如果需要多语言支持,确保加载正确的语言包。 通过以上步骤,你应该能在Java Web项目中成功集成并使用FCKeditor,提供一个...
8. **配置文件**:编辑器的配置文件(如fckconfig.js)允许开发者根据需要调整编辑器的行为和设置,例如设置默认字体、大小、允许的HTML标签等。 9. **库文件**:FCKeditor可能依赖于一些JavaScript库,如 ...
6. **处理提交的富文本**:由于富文本包含HTML标签,提交表单时需要处理这些数据。在服务器端,你可以使用相应的.NET类来解析和处理这些内容。 7. **安全与兼容性**:FCKeditor虽然强大,但也要注意安全问题,比如...
例如,你可以自定义上传文件的路径、限制允许的HTML标签、启用/禁用某些功能等。具体配置项可以在官方文档中查找。 六、自定义皮肤和语言 FckEditor支持自定义皮肤和多种语言。你可以在`BasePath`指定的目录下找到...
【标题】:JSP编辑器FCKeditor与Struts2的兼容性问题及解决方法 在Web开发中,FCKeditor是一款广泛使用的富文本编辑器,它为用户提供了一个类似于Word的在线编辑界面,使得在网页上编辑内容变得更加方便。FCKeditor...
在IT行业中,集成富...在JSP页面中,通过`<script>`标签引入FCKeditor的JavaScript文件,然后使用`<fckeditor>`标签进行实例化。例如: ```jsp <%@ taglib prefix="fckeditor" uri="/WEB-INF/tld/fckeditor.tld" %> ...