李秋菊的空间

我们一直在努力....

文本编辑器之怎样给Fckeditor瘦身,配置和调用?

标签: FCKeditor 网页编辑器 配置

FCKeditor是一个功能强大支持所见即所得功能的文本编辑器,可以为用户提供微软office软件一样的在线文档编辑服务。它不需要安装任何形式的客户端,兼容绝大多数主流浏览器,支持ASP.Net、ASP、ColdFusion 、PHP、Java、Active-FoxPro、Lasso、Perl、ython 等编程环境。本文主要从Fckeditor瘦身、Fckeditor配置和Fckeditor调用,三个方面使你更加了解和使用Fckeditor。

(二)Fckeditor的javascript调用方式:
<script type="text/javascript" src="FCKeditor/fckeditor.js"></script> ---------------创建时要引入fckeditor.js文件
<script type="text/javascript">
var FCKeditor = new FCKeditor("content");
FCKeditor.BasePath = "FCKeditor/";  -----------------------
设置fckeditor.js的路径
oFCKeditor.Height = 400;
oFCKeditor.ToolbarSet = "Default"; -----------------------
编辑的菜单Default,也可设为Basic
oFCKeditor. Create ();----------------------------------------创建
</script>

(二)由于给FCKeditor瘦身,所以常会报缺少对象支持等错误,只要在FCKeditor/editor/lang中加上相应的js语言文件即可。如果加载页面失败(FCKeditor未定义)还有一个可能就是引用FCKeditor/fckeditor.js文件路径不对!

关于FCKeditor瘦身要点如下:
1.FCKeditor目录下及子目录下所有以"_"下划线开头的文件夹删除
2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml,其余全部删除
3.editor/filemanager/upload目录下文件及文件夹清空
4./editor/filemanager/browser/default/connectors/下的所有文件删除
5.还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话
6.还可以将editor/lang目录下文件删除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件
7.如果你是使用javascript来调用加载FCKeditor,那么就不需要在web.xml中配置fckeditortag文件。
8.还有一个问题刚开始使用FCKeditor的人常会遇到就怎么控制它的toolbar的大小和元素排列,其实很简单。 
fckconfig.js中用这样的标签[]来划分每行的元素的多少,这样就可以控制toolbar的长短和大小了,具体示例参看:fckconfig.js中的toolbarset["Default"]

(三)几个需要了解的配置选项:
DefaultLanguage=""
缺省语言
FormatSource=true/false 在切换到代码视图时是否自动格式化代码

FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容

SkinPath="" 皮肤文件夹位置

SmileyPath="" 图符文件夹路径

EditorAreaCss="" 编辑区的样式表文件

1、如何设置上传文件语言为aspx
var _FileBrowserLanguage    = 'asp' ;    // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage    = 'asp' ;    // asp | aspx | cfm | lasso | php

改为:

var _FileBrowserLanguage    = 'aspx' ;    // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage    = 'aspx' ;    // asp | aspx | cfm | lasso | ph

2、配置语言支持中文

FCKConfig.DefaultLanguage = ‘en’ ;

改为:

FCKConfig.DefaultLanguage = ‘zh-cn’ ;

3、配置皮肤,有defaultoffice2003silver风格等,可以使用默认。

FCKConfig.SkinPath = FCKConfig.BasePath + ’skins/default/’ ;

4、在编辑器域内可以使用Tab键。(1为是,0为否)

FCKConfig.TabSpaces = 0 ; 改为 FCKConfig.TabSpaces = 1 ;

5、加上几种常用的字体:

           FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’;

6、编辑器域内默认的显示字体为12px,想要修改可以通过修改样式表来达到要求,打开/editor/css/fck_editorarea.css,修改font-size属性即可

7、关于安全性

如果你的编辑器用在前台非认证的情况下,推荐使用Basictoolbar

FCKConfig.ToolbarSets["Basic"] = [
  ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','Image','-','About']

] ;

8、用fckconfig.js中的一些选项来控制toolbarset中控件的功能,实现功能裁剪:
1):取消超链接中的浏览服务器和上传功能,方法如下:

2)
:取消图片链接中的浏览服务器和上传功能,方法如下:

3)Dlg Button中取消高级功能,方法如下:

如何任何意见或见意请你及时留言。


    评分: 请先登录再投票,同一篇博客一月只能投票一次!
    无人投票

相关博客:


评论


发表评论

关注此文的人们还关注