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

相关文章
文本,vitepress的使用,vitepress的参考文档,自定义主页,从创建package之后的资料,底部命令的创建
文本,vitepress的使用,vitepress的参考文档,自定义主页,从创建package之后的资料,底部命令的创建
|
Java Android开发
解决Eclipse和myeclipse在进行 html,jsp等 页面编辑时,自动格式化变丑的问题
在eclipse和myelipse写JAVA代码时中使用ctrl+shift+f 快捷键自动排版省时又省力,排版后的代码规范美观又层次性,但在我们写jsp或html代码时,使用这个快捷键排版简直奇丑无比了。
181 0
解决Eclipse和myeclipse在进行 html,jsp等 页面编辑时,自动格式化变丑的问题
|
应用服务中间件 Apache Android开发
eclipse在导入一个Web项目后,配置好Tomcat发现项目打红叉,而WebContent和其他内容没有错误,但是右键run并没有run on Server
eclipse在导入一个Web项目后,配置好Tomcat发现项目打红叉,而WebContent和其他内容没有错误,但是右键run并没有run on Server。
271 0
eclipse在导入一个Web项目后,配置好Tomcat发现项目打红叉,而WebContent和其他内容没有错误,但是右键run并没有run on Server
|
JavaScript
|
Web App开发 JavaScript
Fckeditor使用方法
本文主要讲Fckeditor使用方法
251 0
|
前端开发 JavaScript 开发工具
jQuery wizard,一款创建步骤向导的插件
jQuery wizard,一款创建步骤向导的插件
140 0
jQuery wizard,一款创建步骤向导的插件
|
Web App开发 Java 数据库
Eclipse创建的JSP文件链接SQLServer2012的方法(附图)
Eclipse创建的JSP文件链接SQLServer2012的方法,简单的东西千万不要把它复杂化了,网上都写的什么乱七八糟的东西,来点干货!
4957 0
GEF入门实例_总结_02_新建初始RCP空项目
一、前言 本节承接上一节: GEF入门实例_总结_01_教程、源码、开发环境准备  这一节我们来创建一个空的RCP项目。   二、新建RCP项目 1. New 一个 Plug-in Project       2.
1324 0
|
Web App开发 JavaScript 前端开发