[FCKEditor]FCKeditor2.2中行间距过大

baacloud免费翻墙vpn注册使用

今天下午在遇到了一个页面行间距过大的问题,解决过程有点曲折,现把过程记下
页面内容为动态抓取,编辑器使用的是FCK
首先自然是想到了,FCK的回车换行为P的问题,找到了FCK的配置文件:fckconfig.js

找到以下字段:
FCKConfig.EnterMode = 'p' ;  
FCKConfig.ShiftEnterMode = 'br' ;
表示当使用回车换行时,默认使用p断行(使用shift+回车为br 断行)
改为如下方式:
FCKConfig.EnterMode = 'br' ;      
FCKConfig.ShiftEnterMode = 'p' ;
以为大功告成,甚至都没测试,就告诉别人已经ok,正准备吹嘘之际,同事告知问题依旧,有点傻眼
进入数据库,发现新存进去的内容确实已经变成了br 断行,可为什么还会有问题呢
打开页面,浏览页面源文件,发现每个断行都使用了两个br
不禁奇怪,于是拿来其页面模板一看,笑了
原来使用的是smarty,而为了使内容不至于撑破表格,给长内容增加了nl2br格式,于是就产生了上述问题
删除nl2br 问题解决
可是又带来了新问题:当自己手动疯狂输入不断行时,会出现撑破表格,致使整个页面布局变乱的问题,解决方案晚上再发:》
有时候经常会遇到文字太长表格被撑破的状况
如果是自己输入的话,还可以自己来控制每行长度,但对于有些显示留言的地方,如果不做处理可能就有些捣乱的客人故意输入长文字来撑破表格了
一种方法当然是设置输入框每行长度,让其到了长度自动换行了,但此时如果捣乱客人故意输入不段行的连续的字母就不行了

另外一种比较好的解决办法是在表格中加入:style="word-break:break-all;word-wrap:break-word",这样即便是连续的英文字母也不得不乖乖老实呆在表格里啦:)

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏