FCKEditor fckconfig.js配置,添加字体和大小 附:中文字体乱码问题解决

简介: FCKEditor是世界知名的文字编辑器,确实功能强大!发现大部分博客也是采用了FCKEditor编辑器,只是对FCKEditor有所瘦身而已!FCKEditor设置方法:一、FckEditor2.5.

FCKEditor是世界知名的文字编辑器,确实功能强大!发现大部分博客也是采用了FCKEditor编辑器,只是对FCKEditor有所瘦身而已!
FCKEditor设置方法:
一、FckEditor2.5.1 程序瘦身,删除一些一般不会用到的文件
二、FckEditor2.5.1 基本设置,添加字体,大小,语言
三、FckEditor2.5.1 ASP上传配置,按日期方式存储上传的文件
四、FckEditor2.5.1 快速上传中文乱码处理
五、FckEditor一些安全相关设置
一、FckEditor2.5.1 程序瘦身,删除一些一般不会用到的文件
我们需要留下的有
根目录下:editor目录 fckconfig.js fckeditor.asp fckeditor.js fckstyles.xml fcktemplates.xml 这5个文件1个目录保留,其余的全部去除;
editor目录下:_source 目录删除
editor/filemanager/connectors目录中 把asp目录留下(上传用什么方法就留下什么),其余的方法目录[php、aspx 等待 目录] 删除(注意留下test.html 和 uploadtest.html)
editor/lang 语言目录 把 en.js 、 zh.js 、 zh-cn.js 留下,其余全部删除
二、FckEditor2.5.1 基本设置 添加字体,大小,语言
文本地址:FCKeditor/fckconfig.js
修改:
FCKConfig.DefaultLanguage = 'en' ; 替换成--》 FCKConfig.DefaultLanguage = 'zh-cn' ;
FCKConfig.FontNames 里增加国人常用的 宋体;楷体;黑体;隶书;行楷; 等
FCKConfig.FontSizes 里加上常用的字体大小 12px;14px;16px;18px;24px;26px;28px;32px;等

FCKConfig.TabSpaces = 1 ; //在编辑器中是否可以是否TAB键 0 不可用 1 为可用
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py 需要什么改成什么
var _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
三、FckEditor2.5.1 ASP上传配置,按日期方式存储上传的文件
文本地址:FCKeditor/editor/filemanager/connectors/asp/config.asp
修改:
'开启上传功能
ConfigIsEnabled = False 替换成--》 ConfigIsEnabled = True
'上传时上传到当天的目录下,比如:"images/2009-10-14/1234.gif","file/2009-10-14/我是刘鹏飞.rar",
ConfigQuickUploadPath.Add "File", ConfigUserFilesPath 替换成--》 ConfigQuickUploadPath.Add "File", ConfigUserFilesPath & "file/" & date
ConfigQuickUploadPath.Add "Image", ConfigUserFilesPath 替换成--》 ConfigQuickUploadPath.Add "Image", ConfigUserFilesPath & "Image/" & date

ConfigQuickUploadPath.Add "Flash", ConfigUserFilesPath 替换成--》 ConfigQuickUploadPath.Add "Flash", ConfigUserFilesPath & "Flash/" & date

ConfigQuickUploadPath.Add "Media", ConfigUserFilesPath 替换成--》 ConfigQuickUploadPath.Add "Media", ConfigUserFilesPath & "Media/" & date
四、FckEditor2.5.1 快速上传中文乱码处理
文本地址:FCKeditor/editor/filemanager/connectors/asp/io.asp
修改:
查找SendUploadResults函数,在
Response.Clear后增加两行:
Response.CodePage=65001 '<----新增加的行

Response.Charset="UTF-8" '<----新增加的行
五、FckEditor一些安全相关设置
FckEditor以前版本的安全问题总被提起,自从用上FckEditor2.5.1后发现,安全规则和以前版本不一样了,以前是设置了下不允许上传的文件,但里面没有包括.asa,现在的安全规则默认为只能上传规定格式的文件,这样虽然要写很多扩展名,不过FckEditor2.5.1把我们常见到的可以上传的都写上去了,所以我们也不用设置什么,非常方便。但有时还是担心,怕再来个上传漏洞什么的,有这么一些方法可以解除您的后顾之忧,只要做到两点就差不多了:
1. fckeditor不要放在根目录下,最好放在管理目录下,当然,前提条件是在前台没有调用这个编辑器,放在管理目录下有个好处是,如果管理目录变了的话这个路径当然也就变了,这样只要管理目录别人不知道,黑客就不可能用上传漏洞攻击你的网站了,建议把fckeditor改成其他名字。
2. 表情文件不要放在FckEditor目录里,应该放在外边,如果可以的话放在根目录下图片文件夹下,正好是一类的。这样做的目的是:如果你使用了表情,这个表情就会在网页上显示出来,而这个表情是带路径的,这个路径里正好有你编辑器的路径,或后台路径,所以要么不用他,要么就按我上面说的来。
六,fckeditor输入时自动加p标签替换成<br>
修改配置文件fckconfig.js中的
FCKConfig.EnterMode = 'br' ; // p | div | br (回车)
FCKConfig.ShiftEnterMode = 'br' ; // p | div | br(shift+enter)
改变工具栏排列顺序:
FCKConfig.ToolbarSets["Default"] = [
['Source','DocProps','-','Preview','Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor','Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink']
] ;

针对网上很多人提到的添加中文字体显示后是乱码的问题,解决方法如下:

在FCKEditor中增加中文字体格式fckconfig.js中增加unicode的编码就可以了;
FCKConfig.FontNames  = '/u4eff/u5b8b_GB2312;'

/u4eff/u5b8b_GB2312表示仿宋_GB2312

这样便增加了一个中文字体.

//宋体;新宋体;宋体-方正超大字符集;黑体;方正舒体;方正姚体;华文彩云;华文仿宋;华文细黑;华文新魏;华文行楷;华文中宋;隶书;幼圆;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana;

FCKConfig.FontNames = '/u5b8b/u4f53;/u65b0/u5b8b/u4f53;/u5b8b/u4f53-/u65b9/u6b63/u8d85/u5927/u5b57/u7b26/u96c6;'
+'/u9ed1/u4f53;/u65b9/u6b63/u8212/u4f53;/u65b9/u6b63/u59da/u4f53;'
+'/u534e/u6587/u5f69/u4e91;/u534e/u6587/u4eff/u5b8b;/u534e/u6587/u7ec6/u9ed1;'
+'/u534e/u6587/u65b0/u9b4f;/u534e/u6587/u884c/u6977;/u534e/u6587/u4e2d/u5b8b;'
+'/u96b6/u4e66;/u5e7c/u5706;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

 

我采用这个方法,但是显示的时候也是unicode编码,看不清,所以用另外一个方法就可以了:

只需要将fckconfig.js文件保存为UTF-8格式就可以了。

相关文章
|
1月前
|
中间件
egg.js 24.17中间件配置
egg.js 24.17中间件配置
20 0
egg.js 24.17中间件配置
|
2月前
|
API
在vite.config.js 配置代理
在vite.config.js 配置代理
68 2
|
4月前
|
API
vite.config.js 的一些常用配置
vite.config.js 的一些常用配置
105 1
|
7月前
|
JavaScript
Rspack 创建 vue2/3 项目接入 antdv(rspack.config.js 配置 less 主题)
Rspack 创建 vue2/3 项目接入 antdv(rspack.config.js 配置 less 主题)
162 0
|
6月前
|
缓存 JavaScript
【Node】node.js安装与配置(详细步骤)
【Node】node.js安装与配置(详细步骤)
389 0
|
2月前
|
数据安全/隐私保护
Wiki.js 配置 LDAP 认证
Wiki.js 配置 LDAP 认证
|
3月前
|
小程序
vue3.0 vue.config.js 配置基础的路
vue3.0 vue.config.js 配置基础的路
|
3月前
|
JavaScript Linux iOS开发
如何安装和配置 Node.js?
如何安装和配置 Node.js?
101 0
|
4月前
|
JavaScript C# Windows
【傻瓜级JS-DLL-WINCC-PLC交互】5.​用西门子TIA Portal 博途配置PLC(SIMATIC S7-1200CPU 1215C AC/DC/RLY)
【傻瓜级JS-DLL-WINCC-PLC交互】5.​用西门子TIA Portal 博途配置PLC(SIMATIC S7-1200CPU 1215C AC/DC/RLY)
77 0
|
4月前
|
JavaScript 前端开发 算法
【从0配置JAVA项目相关环境2】node.js + 前端 从配置到运行
【从0配置JAVA项目相关环境2】node.js + 前端 从配置到运行
63 0