FCKEditor的使用配置步骤

来源:互联网 发布:域名注册后如何解析 编辑:程序博客网 时间:2024/05/20 20:18

第一步: 
1,
FredCK.FCKeditorV2.dll 拷贝到程序的 bin 目录下
2
,将 fckeditor 源码拷贝到程序目录下
3
,在程序目录下新建一个文件夹用来保存上传的文件

第二步:
1
,精简 fckeditor 文件
A,
_开头的文件和文件夹全部删掉
B,
fckeditor/editor/lang 语言删掉,保留一个
C,
fckeditor/editor/skins 皮肤删掉,保留一个
D,
editor/filemanager/connectors 编程语言删掉,保留一个

第三步:
添加引用 FredCK.FCKeditorV2.dll 到程序和工具箱

第四步:
点击FCKeditor,选择属性,将 BasePath 改为 /程序名/fckeditor/ ,这样在线编辑器就出来了

第五步:
修改Fckconfig.js ,以下几项必须修改

FCKConfig.DefaultLanguage = 'zh-cn' ;
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py

第六步:
1
,基本的文字输入搞定之后,接下来就是上传,点击图片按钮,报错
A,Fckeditor
默认是不能上传的,修改 /fckeditor/editor/filemanager/connectors/aspx config.ascxreturn true;
B,
修改配置文件,将上传的路径 指向你要上传的文件的名字 <add key="FCKeditor:UserFilesPath" value="/程序名/保存文件的文件夹/" />
C,
解决中文乱码问题 fckeditor/editor/filemanager/browser/default   frmupload.html UTF-8格式重新保存

第七步:
整个FCKeditor 就设置好了,接下来(选项)
A,
继续删文件
1
/fckeditor 保留 editorfckconfig.jsfckeditor.jsfckstyles.xmlfcktemplates.xmllicense.txt

B,修改 Fckconfig.js,突出个性在线编辑器
1
,修改在线编辑器的宽度和高度,在属性里面
2
FCKConfig.TabSpaces   = 1 ; 允许TAB
3, FCKConfig.ToolbarCanCollapse = false ;
可以折叠
4,
自己一个一个对
FCKConfig.ToolbarSets["Default"] = [
['NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteWord','-','SpellCheck'],
['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
['Bold','Italic','Underline','-'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
['JustifyLeft','JustifyCenter','JustifyRight'],
['Link','Unlink'],
['Image','Flash','Table','Rule','Smiley'],
['FontName','FontSize'],
['TextColor','BGColor']
// No comma for the last row.
] ;
5
FCKConfig.FontNames   = '宋体;楷体_GB2312;黑体;隶书;Arial;Times New Roman' ;

C, 修改 源文件,CSS 达到你想要的效果,例如换行

OK,一个精简版,但是功能很强大的在线编辑器就做好了。

原创粉丝点击