FCKEditor的使用配置步骤

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

第一步: 
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,一个精简版,但是功能很强大的在线编辑器就做好了。

相关文章
|
自然语言处理 图形学 Windows
electron-builder中NSIS配置项
支持使用不同语言的多个许可证文件-使用lang后缀(例如_de,_ru)。例如,创建文件license_de.txt并license_en.txt在构建资源中。如果操作系统语言为德语,license_de.txt将显示。请参阅语言代码到名称的映射。
|
XML Java Android开发
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
539 0
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
|
Web App开发 JavaScript
Fckeditor使用方法
本文主要讲Fckeditor使用方法
267 0
|
前端开发 JavaScript 开发工具
jQuery wizard,一款创建步骤向导的插件
jQuery wizard,一款创建步骤向导的插件
145 0
jQuery wizard,一款创建步骤向导的插件
|
Web App开发
艾伟:FCKeditor 配置、扩展
一、自定义 FCKeditor 的 BasePath BasePath 即FCKeditor在网站中的相对路径,默认值是 /fckeditor/,最好在Web.config appSettings中对其进行配置: 这样做有诸多优点: 开发环境与生产环境不同,开发环境一般是http://localhost/xxx.
1075 0
|
JavaScript 前端开发 Java