FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor。
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。
开源网页编辑软件FCKEditor在09年发布更新到3.0，并改名为CKEditor
中文说明
AutoDetectLanguage=true/false 自动检测语言
BaseHref="" 相对链接的基地址
ContentLangDirection="ltr/rtl" 默认文字方向
ContextMenu=字符串数组,右键菜单的内容
CustomConfigurationsPath="" 自定义配置文件路径和名称
Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容
DefaultLanguage="" 缺省语言
EditorAreaCss="" 编辑区的样式表文件
EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML
EnableXHTML=true/false 是否允许使用XHTML取代HTML
FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代
FontColors="" 设置显示颜色拾取器时文字颜色列表
FontFormats="" 设置显示在文字格式列表中的命名
FontNames="" 字体列表中的字体名
FontSizes="" 字体大小中的字号列表
ForcePasteAsPlainText=true/false 强制粘贴为纯文本
ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体
FormatOutput=true/false 当输出内容时是否自动格式化代码
FormatSource=true/false 在切换到代码视图时是否自动格式化代码
FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记
IeSpellDownloadUrl=""下载拼写检查器的网址
ImageBrowser=true/false 是否允许浏览服务器功能
ImageBrowserURL="" 浏览服务器时运行的URL
ImageBrowserWindowHeight="" 图像浏览器窗口高度
ImageBrowserWindowWidth="" 图像浏览器窗口宽度
LinkBrowser=true/false 是否允许在插入链接时浏览服务器
LinkBrowserURL="" 插入链接时浏览服务器的URL
LinkBrowserWindowHeight=""链接目标浏览器窗口高度
LinkBrowserWindowWidth=""链接目标浏览器窗口宽度
Plugins=object 注册插件
PluginsPath="" 插件文件夹
ShowBorders=true/false 合并边框
SkinPath="" 皮肤文件夹位置
SmileyColumns=12 图符窗列数
SmileyImages=字符数组 图符窗中图片文件名数组
SmileyPath="" 图符文件夹路径
SmileyWindowHeight 图符窗口高度
SmileyWindowWidth 图符窗口宽度
SpellChecker="ieSpell/Spellerpages" 设置拼写检查器
StartupFocus=true/false 开启时FOCUS到编辑器
StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置
TabSpaces=4 TAB键产生的空格字符数
ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏
ToolbarSets=object 允许使用TOOLBAR集合
ToolbarStartExpanded=true/false 开启时TOOLBAR是否展开
UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记
在JSP中调用
web.xml配置：
FckEditor for java 2.4版本?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class> net.fckeditor.connector.ConnectorServlet </servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name>
<url-pattern> /fckeditor/editor/filemanager/connectors/* </url-pattern>
</servlet-mapping>
|
在JSP中使用标签调用demo:?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%> <%@tagliburi="http://java.fckeditor.net"prefix="FCK"%> <html>
<head>
<title>FckEditor测试</title>
</head>
<body style="text-align:center;">
FckEditor测试 <hr>
<formaction="ShowData.jsp"method="post">
<FCK:editorinstanceName="test"height="400pt">
</FCK:editor>
<inputtype="submit"value="提交"/>
<inputtype="reset"value="重置"/>
</form>
</body>
</html>
|
工具条：
/* Source="页面源码"
DocProps="页面属性"
Save="保存"
NewPage="新建"
Preview="预览"
Templates="模版"
Cut="剪切"
Copy="拷贝"
Paste="粘贴"
PasteText="粘贴为无格式的文本"
PasteWord="粘贴Word格式"
Print="打印"
SpellCheck="拼写检查,要装插件"
Undo="撤消"
Redo="重做"
Find="查找"
Replace="替换"
SelectAll="全选"
RemoveFormat="清除格式(清除现在文本的格式)"
Form="表单域"
Checkbox="复选"
Radio="单选"
TextField="单行文本"
Textarea="多行文本"
Select="列表"
Button="按钮"
ImageButton="图像区域"
HiddenField="隐藏域"
Bold="加粗"
Italic="倾斜"
Underline="下划线"
StrikeThrough="删除线"
Subscript="下标"
Superscript="上标"
OrderedList="删除/插入项目列表"
UnorderedList="删除/插入项目符号"
Outdent="减少缩进"
Indent="增加缩进"
JustifyLeft="左对齐"
JustifyCenter="居中对齐"
JustifyRight="右对齐"
JustifyFull="分散对齐"
Link="链接"
Unlink="删除链接"
Anchor="插入/删除锚点"
Image="上传图片"
Flash="上传动画"
Table="插入表格"
Rule="插入水平线"
Smiley="插入表情"
SpecialChar="插入特殊字符"
PageBreak="插入分页符"
Style="样式"
FontFormat="格式"
FontName="字体"
FontSize="大小"
TextColor="字体颜色"
BGColor="背景色"
FitWindow="全屏编辑"
About="关于我们"
*/
也就是fckeditor总配置文件，位于根目录下的fckconfig.js文件。请根据下面的列表进行（以fckeditor 2.0版的为准）：找到第20行 FCKConfig.DefaultLanguage = 'en' ;改为 FCKConfig.DefaultLanguage = 'zh-cn' ;设置默认语言为简体中文
找到第40行 FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。
如果你的编辑器还用在网站前台的话，比如说用于留言本或是日记回复时，那就不得不考虑安全了，在前台千万不要使用Default的toolbar，要么自定义一下功能，要么就用系统已经定义好的Basic，也就是基本的toolbar，
找到第64行：
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']
] ;
这是我改过的Basic，把图像功能去掉，把添加链接功能去掉，因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件，要是这儿不改直接给你上传个木马还不马上玩完？
以下为全部显示工具栏显示的示例:
FCKConfig.ToolbarSets["Default"] = [//Default工具条的名称
[’Source’,’DocProps’,’-’,’Save’,’NewPage’,’Preview’,’-’,’Templates’],
[’Cut’,’Copy’,’Paste’,’PasteText’,’PasteWord’,’-’,’Print’,’SpellCheck’],
[’Undo’,’Redo’,’-’,’Find’,’Replace’,’-’,’SelectAll’,’RemoveFormat’],
[’Form’,’Checkbox’,’Radio’,’TextField’,’Textarea’,’Select’,’Button’,’ImageButton’,’HiddenField’],
’/’,
[’Bold’,’Italic’,’Underline’,’StrikeThrough’,’-’,’Subscript’,’Superscript’],
[’OrderedList’,’UnorderedList’,’-’,’Outdent’,’Indent’],
[’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyFull’],
[’Link’,’Unlink’,’Anchor’],
[’Image’,’Flash’,’Table’,’Rule’,’Smiley’,’SpecialChar’,’PageBreak’],
’/’,
[’Style’,’FontFormat’,’FontName’,’FontSize’],
[’TextColor’,’BGColor’],
[’FitWindow’,’-’,’About’]
] ;
用户根据需要自行配置
//去除超链接选显卡 上传
// config.removeDialogTabs = "link:upload;image:Upload";
//去除超链接选显卡 目标
//config.removeDialogTabs = "image:advanced;link:target;"
//去除超链接选显卡 目标 高级 上传 去除flash目标上传
config.removeDialogTabs = "link:advanced;link:target;image:advanced;image:target;link:upload;image:Upload;flash:advanced;image:Link;flash:upload;flash:Upload";
相关推荐
内嵌文本编辑器是网页应用开发中常用的工具，它允许用户在网页中直接进行文本编辑，类似于我们在桌面环境中使用的Visual Studio（VS）。第三方控件通常指的是由非操作系统或平台官方提供的组件，这些组件能增强网站...
富文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里（当然付费的功能会更强大些），方便用户编辑文章或信息。比较好的文本编辑器有kindeditor,fckeditor等。----百度百科
- **FCKeditor**是一款广泛使用的富文本编辑器，它能够帮助开发者轻松地在网页上实现强大的文本编辑功能。 - **下载地址**: 官方提供了一系列资源，包括主页、演示地址、文档位置以及下载链接。具体地址如下： - ...
- **FCKeditor_2.6.3.zip**: 包含了JavaScript实现的客户端部分，提供了基本的富文本编辑功能。 - **FCKeditor-java-2.4-bin.zip**: 服务器端组件，主要负责处理文件上传等功能。 - **FCKeditor-java-demo-2.4.war**...
FCKeditor是一款流行的开源富文本编辑器，适用于Web开发，主要用于在网页上创建和编辑复杂的内容。它提供了一种简单的方法，让非技术人员也能像在Word中那样编辑HTML文本。以下是FCKeditor的详细使用方法。 1. **...
**fckeditor：强大的Web文本编辑器** fckeditor是一款曾经非常流行的开源富文本编辑器，它为Web应用程序提供了类似桌面文字处理软件的编辑体验。这款编辑器支持多种浏览器，包括Internet Explorer、Firefox、Chrome...
假设我们正在开发一个博客系统，希望为用户提供一个功能完善的富文本编辑器。下面展示如何将FCKeditor集成到一个简单的PHP页面中： 1. **HTML结构**： ```html <!DOCTYPE html> <title>Blog Post Editor ...
文本编辑器不同于文本编辑器，程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些)，方便用户编辑文章或信息。比较好的文本编辑器有kindeditor,fckeditor等
FCKEditor是一个开源的Web富文本编辑器，适用于Web应用中客户端编辑功能的实现。它的主要功能和特点包括以下几个方面： 1. 网络开源性：FCKEditor以开源的形式提供，用户可以免费下载、使用和修改其源代码。这允许...
3. **在线编辑器**：博客系统内嵌的在线编辑器可能使用了富文本编辑器，如FCKeditor或TinyMCE等，它们允许用户在浏览器中实现类似Word的文本格式化，插入图片、链接等功能，提高了用户体验。 4. **个人博客系统**：...
在现代网络应用中，富文本编辑器已经成为必不可少的工具，它允许用户在网页上创建、编辑和格式化文本，类似于桌面应用程序中的文字处理软件。CKEditor4x是一款广受欢迎的开源富文本编辑器，以其强大的功能和易用性...
- **作用：** 设置为 `true` 时，编辑器会显示工具栏中的下拉菜单。 #### 29. `FCKConfig.ForceSimpleAmpersand = false ;` - **说明：** 决定是否将 "&" 符号转换为 XML 实体。 - **作用：** 如果设置为 `true`，...