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格式就可以了。

相关文章
|
3月前
使用5.0.0版本的cssbox将html文件转为图片文件,并解决字体显示问题
使用5.0.0版本的cssbox将html文件转为图片文件,并解决字体显示问题
107 0
|
3月前
|
算法 JavaScript Go
想有自己的博客吗?浏览器支持 MarkDown和语法高亮的最简单示例(使用markdown-it、highlight.js和mermaid)
想有自己的博客吗?浏览器支持 MarkDown和语法高亮的最简单示例(使用markdown-it、highlight.js和mermaid)
|
7月前
|
前端开发 JavaScript
css里content使用中文乱码,以及中文转unicode怎么在css样式里使用?
css里content使用中文乱码,以及中文转unicode怎么在css样式里使用?
222 0
css里content使用中文乱码,以及中文转unicode怎么在css样式里使用?
|
JavaScript
JS:样式转换工具PostCSS使用浏览器前缀插件autoprefixer
JS:样式转换工具PostCSS使用浏览器前缀插件autoprefixer
108 0
|
JavaScript 应用服务中间件
JS 生成表格后 ,中文显示乱码
JS 生成表格后 ,中文显示乱码
131 0
JS 生成表格后 ,中文显示乱码
|
JavaScript 前端开发
ueditor代码高亮实现方法
实现的方法也很简单 1:页面引用以下资源文件(均位于ueditor目录中) <script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet" type="text/css" href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css"> 2:增加如下js脚本使高亮生效: SyntaxHighlighter.all();
ueditor代码高亮实现方法
|
JavaScript 数据库
浏览器打开html文件显示中文乱码解决方法
浏览器打开html文件显示中文乱码解决方法
370 0
|
前端开发 程序员 Android开发
Sublime Text插件的离线安装-使用htmlprettify美化您的HTML代码
Sublime Text插件的离线安装-使用htmlprettify美化您的HTML代码
183 0
Sublime Text插件的离线安装-使用htmlprettify美化您的HTML代码
|
前端开发
highlight.js代码高亮显示插件
highlight.js代码高亮显示插件
215 0
highlight.js代码高亮显示插件
相关产品
云迁移中心
推荐文章
更多