fckEditor诡异空格问题解决

最新推荐文章于 2014-12-03 13:30:59 发布

begintransaction

最新推荐文章于 2014-12-03 13:30:59 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

分类专栏： .net 文章标签： fckeditor 任务语言工具

本文链接：https://blog.youkuaiyun.com/begintransaction/article/details/5714856

.net 专栏收录该内容

7 篇文章

订阅专栏

本文解决了fckEditor中输入空格导致的显示异常问题。通过调整默认字体为宋体，使得编辑器内的空格显示与实际发布内容一致，避免了额外的空格占用过多空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上周ELWG带我的徐卫给我的一个任务是关于fckEditor的。具体症状是在编辑框里面敲入空格以实现段首空两格，在编辑框中需要敲入8次才能看得到是空了2个中文字，但是提交之后再读取保存的文本，发现8个空格占去了4个中文字的位置。要求把编辑框里面的显示状态改成跟发表后显示的是一样的。

本来以为需要深入到修改fckEditor的源代码，但今天编辑团队主页里头的团队简介时，突然发现那里面的空格是等于半个中文的。然后想起这个团队简介是从word里面粘贴过来的，点开源代码就发现玄机所在：字体用的是宋体，而fckEditor默认并不包含宋体。

在网上找到如何修改fckEditor的默认字体：

===========================囧之华丽分割线===================================
修改FCKeditor/editor/css/fck_editorarea.css
设置默认字体及大小
body, td
{
font-family: 宋体;
font-size: 14px;
}
===========================囧之华丽分割线===================================

ok，任务完成，以上。

附：网上找到的另外一些fckEditor心得

修改fckconfig.js

FCKConfig.AutoDetectLanguage = true ;//是否自动检测语言

FCKConfig.DefaultLanguage = 'zh-cn' ;//设置语言

FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;//设置皮肤

FCKConfig.TabSpaces = 1 ;//tab是否有效

FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现，等点“展开工具栏”时才出现

FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;//添加中文字体