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

相关文章
|
9月前
|
安全 前端开发
fastadmin自定义excel文件导入,实现文件上传功能 --已实现
fastadmin自定义excel文件导入,实现文件上传功能 --已实现
497 0
|
安全 Java
【JavaWeb】案例:读取 WEB 工程下的资源文件、文件下载、点击切换验证码
本期主要介绍读取 WEB 工程下的资源文件、文件下载、点击切换验证码
108 0
【JavaWeb】案例:读取 WEB 工程下的资源文件、文件下载、点击切换验证码
|
存储 开发框架 搜索推荐
SpringBoot2.x系列教程11--设置项目欢迎页面与自定义Favicon图标
前言 在上一章节中,壹哥 给大家讲解了在SpringBoot项目中如何处理静态资源,明白了静态资源的存储位置,今天我会对静态资源做进一步的处理。 既然我们的项目中存在多个页面,那在项目启动时,首先应该展示哪个页面呢?我们不可能一次性把所有的页面都展现出来,总有一个默认展示的页面,这里我们把这个默认展示的页面成为欢迎页。那么在SpringBoot中,该如何设置欢迎页面呢?请仔细阅读今天的内容,壹哥 带你实现欢迎页面的设置。 一. Spring Boot中配置欢迎页面 接下来我们就开始学习,在SpringBoot中如何配置欢迎页面。 1. 默认欢迎页的源码 在Spring Boot中,默认的欢迎
407 1
|
Web App开发 JavaScript
Fckeditor使用方法
本文主要讲Fckeditor使用方法
206 0
|
XML Java Android开发
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
451 0
sts工具右键new 新建文件没有Spring Bean Configuration File选项(不是一个很重要的功能选项啦,可以通过最简单的建立普通xml文件,然后到官网粘贴内容解决啦)
GEF入门实例_总结_02_新建初始RCP空项目
一、前言 本节承接上一节: GEF入门实例_总结_01_教程、源码、开发环境准备  这一节我们来创建一个空的RCP项目。   二、新建RCP项目 1. New 一个 Plug-in Project       2.
1287 0
Wix 安装部署教程(十二) -- 自动更新WXS文件
原文:Wix 安装部署教程(十二) -- 自动更新WXS文件         上一篇分享了一个QuickWIX,用来对比两个工程前后的差异,但是这样还是很繁琐,而且昨天发现有Bug,目录对比有问题。这次改变做法,完全让程序自动去更新WXS文件,然后再用CCNet去自动编译,这样的话,工程师更新文件,再也不用我去编译,发布了。
1182 0
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发 应用服务中间件
[saiku] 简化/汉化/设置默认页
原文链接:https://www.cnblogs.com/avivaye/p/4877882.html 在安装完毕Saiku后,由于是社区版本,所以界面上存在很多升级为商业版的文字。
4635 0