FCKeditor使用方法详解

合集下载

PHP实例：FCKeditor 的配置和使用方法

〇、假设网站的目录为：以下为引用的内容：\website_root\index.php\FCKeditor一、调用FCKeditor 的两种方法1、通过创建实例来调用在index.php 文件中，调用它的代码，把下面的代码加在需要编辑器的地方：以下为引用的内容：<Form name="frm1"><?php//引用FCKeditor.php这个文件，基本的类和数据结构都在这里include_once("FCKeditor/fckeditor.php");//创建FCKeditor对象的实例。

myFCKeditor即提交后，接收数据页面_POST['myFCKeditor']使用FCKeditor=new FCKeditor('myFCKeditor');//FCKeditor所在的位置，这里它的位置就是'FCKeditor' 文件夹FCKeditor->BasePath='./FCKeditor/';//工具按钮设置FCkeditor->ToolbarSet='Default';//设置它的宽度FCKeditor->Width='100%';//设置它的高度FCKeditor->Height='300px';//生成FCkeditor->Create();?></Form>2、通过IFRAME 调用以下为引用的内容：<Form name="frm1"><INPUT name="myFCKeditor" id="myFCKeditor" style="DISPLAY: none" type=hidden><INPUT id="myFCKeditor___Config" style="DISPLAY: none" type=hidden><IFRAME id="myFCKeditor___Frame" src="FCKeditor/editor/fckeditor.html?InstanceName=myFCKeditor&Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300></IFRAME></Form>注意：name="myFCKeditor" 和IFRAME 中InstanceName=myFCKeditor 的“myFCKeditor”必须相同。

在JSP环境中配置使用fckeditor详细讲解

FCKeditor是上面的一个开源项目，主要是实现在线网页编辑器的功能，可以让web程序拥有如MS Word这样强大的编辑功能。

官方网站为，在服务器端支持、ASP、ClodFusion、PHP、Java等语言，并且支持IE 5+、Mozilla 、Netscape等主流浏览器。

首先在官方网站下载fckeditor,注意有两个包，一个是主文件，一个是jsp整合包的。

1、解压FCKeditor_2.2.zip,(FCKeditor主文件)，将FCKeditor目录复制到网站根目录下，2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包)，作用：This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中修改:Connector/editor/filemanager/browser/default/connectors/jsp/connectorSimpleUploader/editor/filemanager/upload/simpleuploader为:Connector/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connectorSimpleUploader/FCKeditor/editor/filemanager/upload/simpleuploader4、将FCKeditor-2.3/web/WEB-INF/lib目录下文件复制到自已项目的lib文件夹中5、在需使用FCKeditor的jsp界面中加入：// 文件开头处加入//要使用的地方加入imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">this is default content :)启动服务器测试。

FCKedit的使用

/xiaoyao2011/archiv e/2011/10/27/Textarea.html富文本编辑很多地方需要用到，其中比较有名的是CKEditor，以前叫FCKEditor，虽然百度出的UEditor也比较火，但还是老牌子好用。

首先，去官网下载最新版3.6.5的。

然后删除_samples和_source文件夹，在项目根目录下新建个文件夹，名字自己估摸着起，叫ckeditor吧，然后把剩余的全部拷贝进去。

初步的配置就这样。

下面是使用方法。

首先页面中需要引用ckeditor.js这个文件，按上述路径，就是<script type="text/javascript" src="~/ckeditor/ckeditor.js"></script>然后在使用的位置如下代码所示：<textarea name="content" id="content"></textarea><script type="text/javascript">var editorContent;$(document).ready(function () {editorContent = CKEDITOR.replace("content");});</script>然后就是一些常用接口获得值：getData()设置值：setData("******")追加插入值：insertHTML("*******")上述代码中，editorContent获得了实例，就可以通过editorContent.getData()获得编辑框里的html内容了获得的值和设置的值以及插入的都是html格式的字符串（如果你用的MVC的话，因为有特殊字符默认是不允许提交的，需要在HttpPost的action 上加[AcceptVerbs(HttpVerbs.Post)]和[ValidateInput(false)]属性标记如下图：[HttpPost][AcceptVerbs(HttpVerbs.Post)][ValidateInput(false)]public ActionResult Create(string title, string content, string id){//todo}还有个就是编辑框的自定义配置，打开ckeditor文件夹下的config.js文件，如下图所示：/*Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.For licensing, see LICENSE.html or /license*/CKEDITOR.editorConfig = function( config ){// Define changes to default configuration here. For example:// nguage = 'fr';// config.uiColor = '#AADC6E';};可以自己配置一些东西，例如，要设置编辑框的宽度为500px，就添加一句config.width=500;即可，其他的自己试试还有就是toolbar的配置，有两个Full和Basic，默认是Full，可以通过上面的config.toobar="Basic";设置成简单模式。

使用FCKeditor配置的方法

FCKConfig.FontNames = ‘宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana’ ;//添加中文字体修改 FCKeditor\editor\CSS\fck_editorarea.css 设置默认字体及大小 body, td { font-family: Arial, Verdana, Sans-Serif; font-size: 14px; } 3 关于文件上传的设置修改 fckconfig.js var _FileBrowserLanguage = ‘php’ ; // asp | aspx | cfm | lasso | perl | php var _QuickUploadLanguage = ‘php’ ; // asp | aspx | cfm | lasso | php
使用 FCKeditor 配置的方法
大家知道使用 FCKeditor 配置吗?下面我们就给大家详细介绍一下吧! 1 首先删除不必要的文件节省空间。凡是以_开头的文件如_samples， _testcases 和一些用不到的.asp、.jsp、.cfm 文件统统干掉。 2 修改 fckconfig.js FCKConfig.AutoDetectLanguage = true ;//是否自动检测语言 FCKConfig.DefaultLanguage = ‘zh-cn’ ;//设置语言 FCKConfig.SkinPath = FCKConfig.BasePath + ‘skins/default/’ = 1 ;//tab 是否有效 FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现，等点展开工具栏”时才出现

FCKeditor使用方法详解

FCKeditor使用方法详解目录一、FCKeditor简介 (2)1.1 FCKeditor是什么 (2)1.2 FCKeditor的特点 (3)二、安装与配置FCKeditor (5)三、基本功能使用方法 (6)3.1 文本格式化 (7)3.2 段落和列表操作 (9)3.3 图片和表格插入 (10)3.4 表单字段 (11)3.5 样式和脚本 (12)四、高级功能使用方法 (13)4.1 可视编辑器 (14)4.2 自动排版 (16)4.3 批量导入/导出 (17)4.4 国际化支持 (18)4.5 客户端存储 (20)五、自定义插件与扩展 (21)5.1 如何安装插件 (22)5.2 插件的使用方法 (24)5.3 开发自定义插件 (25)六、常见问题与解决方案 (27)6.1 常见问题列表 (28)6.2 问题解决步骤 (29)七、实例演示 (30)7.1 创建一个简单的HTML页面 (31)7.2 在页面中添加FCKeditor (32)7.3 配置和使用FCKeditor的各种功能 (34)八、FCKeditor在主流开发框架中的应用 (35)8.1 PHP+MySQL环境下的应用 (36)8.2 环境下的应用 (37)8.3 Java/Spring环境下的应用 (39)九、总结与展望 (39)9.1 FCKeditor的优点 (40)9.2 FCKeditor的局限性与未来发展趋势 (41)一、FCKeditor简介FCKeditor是一款由德国Maxthon公司开发的强大的网页文本编辑器，它具有丰富的功能、高度的可定制性和易用性，被广泛应用于各种Web应用中，如论坛、博客、新闻发布等。

FCKeditor不仅提供了基本的文本编辑功能，还支持图像、表格、超链接等元素的插入和编辑，以及自定义插件和宏，可以满足用户的各种编辑需求。

FCKeditor采用了基于JavaScript的富文本编辑技术，具有高效的性能和较小的体积，可以轻松地集成到各种Web应用中。

文字编辑器FCKeditor简介以及基本配置和使用方法

文字编辑器FCKeditor简介以及基本配置和使用方法什么是FCKeditorFCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。

它志于轻量化，不需要太复杂的安装步骤即可使用。

它可和PHP、JavaScript、ASP、、ColdFusion、Java、以及ABAP等不同的编程语言相结合。

“FCKeditor”名称中的“FCK”是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

FCKeditor 相容于绝大部分的网页浏览器，像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。

在未来的版本也将会加入对 Opera 的支援。

如何安装以及如何在中配置FCKeditor一、相关资料官方网站官方文档下载地址download/default.html官方演示demo/default.html二、拷贝核心文件并添加组件解压FCKeditor_2.6.4.zip文件，将fckeditor文件夹拷贝到项目中；解压_2.6.3.zip文件，将bin/Debug/2.0下的FredCK.FCKeditorV2.dll添加到项目引用中，并在.net中的工具箱中添加(具体方法不再细述)三、删除不必要的文件从官方下载下来的FCKEditor2.6大小有3.61M左右(解压后)，其实有很多文件对于只用的来讲是不需要的，我们可以删除不必要的文件：1.根目录下除editor目录、fckconfig.js、fckeditor.js fckstyles.xml fcktemplates.xml 这几个保留，其余的全部删除2.editorfilemanagerconnectors目录中除aspx目录外全部删除3.editorlang目录中除en.js、zh.js 、zh-cn.js外全部删除4.删除_samples目录，当然如果你想看示例，就不要删除这个目录了。

Fckeditor使用

Fckeditor 使用要点:1. fckeditor 使用及配置2. 分析并解决fckeditor 的乱码问题3. 修改fckeditor 以符合自己的要求介绍FCKeditor 的官方网站：FCKeditor 是一个开源的HTML文本编辑器，可以让web 程序拥有如MS Word 这样强大的编辑功能，还可以上传图片，flash等，支持多国语言。

准备环境1. 下载FCKeditor从官方网站可以下载. 下载的压缩包为FCKeditor_2.4.3.zip (本文中使用的版本).因为我们要使用在JavaWeb 项目中，所以还需要再下载压缩包FCKeditor-2.3.zip (本文中使用的版本)2. 加入到JavaWeb 工程中.解压缩FCKeditor 2.4.3.zip 得到文件夹fckeditor. 里面有editor 文件夹, _samples 文件夹和一些文件. 把文件夹fckeditor 拷贝到工程的WebRoot 目录下.如果要在jsp 中使用定义标签调用FCKeditor需要拷贝FCKeditor-2.3/src 下的FCKeditor.tld 文件到项目的WebContent/WEB-INF 目录或其子目录下, 但不能放在WEB-INF/classes 或WEB-INF/lib 下. 并且拷贝FCKeditor-2.3.jar 到工程的WEB-INF/lib 目录中.如果要使用文件上传相关功能需要拷贝FCKeditor-2.3/web/WEB-INF/lib下的commons-fileupload.jar和FCKedito-2.3.jar 到工程WEB-INF/lib 目录中.在工程的web.xml 中增加FCKeditor-2.3/web/WEB-INF/web.xml 中的内容, 然后做以下修改:<servlet><servlet-name>SimpleUploader</servlet-name>……<init-param><param-name>enabled</param-name><param-value>true</param-value></init-param></servlet>修改web.xml 中Connector 和SimpleUploader 为正确的路径.例如SimpleUploader的映射默认为/editor/filemanager/upload/simpleuploader.应改为/fckeditor/editor/filemanager/upload/simpleuploader. 其中fckeditor 为编辑器所在目录.使用(摘自官方文档)方法一: 使用javascript, 建立并输出编辑器1. 引入fckeditor.js<SCRIPT type="text/javascript" src="fckeditor/fckeditor.js"></SCRIPT>2.<script type="text/javascript">var oFCKeditor = new FCKeditor('FCKeditor1');oFCKeditor.BasePath = "fckeditor/";oFCKeditor.Create();</script>方法二: 使用javascript, 用编辑器来替换对应的文本域1. In <HEAD> add the "onload" method:<script type="text/javascript">window.onload = function(){var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;oFCKeditor.BasePath = "/fckeditor/" ;oFCKeditor.ReplaceTextarea() ;}</script>2. In <BODY> add the below code to replace an existing TEXTAREA in the page:<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>方法三: 在jsp 中使用自定义标签(摘自官方的demo)1. 导入标签: <%@ taglib prefix="fck" uri="/tags-fckeditor" %>2. 调用FCKeditor<fck:editor id="content" basePath="${pageContext.request.contextPath}/fckeditor/"></fck:editor>还有其它方法, 请参见官方文档: /FCKeditor_2.x/Developers_Guide配置以上就可以在我们的页面中使用fckeditor 了. 还可以对其进行配置(Y ou can either edit the main configuration file or just override the settings you want to change in a separate file)1. 可以直接修改配置文件fckconfig.js2. 或是指定一个配置文件, 只写需要更改的设置项.使用:var oFCKeditor = new FCKeditor( "FCKeditor1" ) ;// 指定自定义配置文件oFCKeditor.Config["CustomConfigurationsPath"] = "/myconfig.js" ;oFCKeditor.Create() ;即设置CustomConfigurationsPath 属性为配置文件的路径提示:♦在使用时,系统会自动侦测并运用适当的界面语言.♦修改配置后, 要先清除缓存, 以免影响结果♦BasePath 属性是编辑器的基路径,默认为/Fckeditor/文件夹, 要以/ 结尾自定义工具栏：可修改或增加ToolbarSets，例如：FCKConfig.ToolbarSets["myToolbar"] = [['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','TextColor' ,'-','Image','Fl ash','Table']] ;可以尝试去掉一些按钮在页面中要指定使用这个自定义的ToolbarSetsvar oFCKeditor = new FCKeditor( "FCKeditor1" ) ;oFCKeditor.ToolbarSet="myToolbar"oFCKeditor.Create() ;修改“回车”和“Shift+回车”的换行行为默认是回车是一个段落, shift+回车是换行, 我们要颠倒过来可以按如下设置(注释提示了可选模式)FCKConfig.EnterMode = 'br' ; // 回车是换行// p | div | brFCKConfig.ShiftEnterMode = 'p' ; // shift+Enter 是一个段落// p | div | br编辑区样式文件FCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css' ;可以在这个文件中自定义样式, 将会作用于编辑区提示: 可以使用@import url(other.css);更换表情图片1. 拷贝图片到一个文件夹.例如放到FCKConfig.BasePath + 'images/smiley/wangwang/' 下2. 修改配置文件1.更改表情图片的路径FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/wangwang/' ;2.指定表情图片的文件名FCKConfig.SmileyImages= ['0.gif','1.gif','2.gif','3.gif','4.gif','5.gif'] ;3.设定窗口合适的大小FCKConfig.SmileyColumns = 3 ; // 有几列FCKConfig.SmileyWindowWidth = 650 ; // 表情窗口宽度FCKConfig.SmileyWindowHeight = 480 ; // 表情窗口高度提示:如果使用的图片过多, 而指定的窗口大小不足够大时, 就会有一部分表情显示不出来,窗口上没有滚动条, 且窗口大小不能用鼠标调整.解决办法: 找到这个对话框的源文件fckeditor/editor/dialog/fck_smiley.html 文件. 修改其中<body> 中的scroll=”no”属性值为“auto”修改字体FCKConfig.FontNames ='宋体;楷体_GB2312;黑体;隶书;Times New Roman;Arial' ;FCKConfig.FontSizes ='1/最小;2/较小;3/中等;4/较大;5/最大';使用文件上传功能修改配置文件浏览与文件上传的链接，使之与web.xml中Servlet的映射路径联系起来。

FCKEditor在线编辑器的使用

FCKEditor在线编辑器的使用一、下载FCKeditor_2.6.3.zipa、解压后，有文件夹：(核心的文件夹)打开文件夹，使用火狐浏览器，查看示例，体验一下。

二、如何使用(通过例子示范)首先知道开发包中最重要的三个文件：a)创建一个静态页面fckeditorTest.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Generator" content="EditPlus®"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content=""><title>Document</title></head><body><form action=""><textarea name="content">abcd</textarea><br><input type="submit" value="提交"></form></body></html>b)在静态页面中导入：c)从官方例子中拷贝核心代码，修改静态代码后：<html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><script type="text/javascript" src="fckeditor.js"></script></head><body><form action=""><textarea name="content">abcd</textarea><script type="text/javascript">var oFCKeditor = new FCKeditor( 'content' ) ; // 参数就是提交表单时的参数名// 必须要指定的属性。

fckeditor1使用

在线编辑器FCKeditor准备工作：项目1_9中1．下载FCKeditor，在网站下载：(1)FCKeditor_2.6.6.rar(2)fckeditor-java-2.6-bin.zip2．使用MyEclipse新建一个工程，此处命名为1_9,注意工程名在后面要用到。

3．在工程中新建一个html页此处命名为test.html，用该页面来调用fckeditor组件。

4．将FCKeditor_2.6.6.rar解压，解压后文件夹中会存在一个“fckeditor”文件夹，将该文件夹整个复制到，工程文件的WebRoot下。

使用javascript调用fckeditor：方法一：(1)在test.html文件的<head>标签中插入：<script type="text/javascript" src="fckeditor/fckeditor.js"></script>注释：webRoot是项目的根目录，所以src导入根目录中的“fckeditor”文件夹下的fckeditor.js文件(2)在<body>标签处插入<script type="text/javascript">var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;oFCKeditor.BasePath="/项目名/fckeditor/";oFCKeditor.Create() ;</script>注释：oFCKeditor.BasePath 作用发布后的fckeditor组件位置，注意项目名。

(3)发布测试，可以看到test.html中出现调用的fckeditor组件方法二：替换textarea组件技术(1)新建一个test2.html页面，用于使用方法二调用fckeditor。

FckeditorAPI的使用

Fckeditor编辑器提供了一套API(Application Programming Interface,应用程序编程接口)供我们在不了解Fckeditor内部机制的情况下使用它的大部分功能。

这里一一列举一些比较有用的、将来可能会用到的方法。

首先，在加载了Fck的dll引用，以及页面上添加了fckeditor。

Js后，然后添加如下语句，就可以使用它的API方法了。

var oEditor = FCKeditorAPI.GetInstance("FCKeditor1");//此处FCKeditor1为页面注册的Fck控件的ID,这个时候的oEditor就是一个//fck对象,通过这个对象我们就可以调用fck的一些方法来实现我们的功能.oEditor.Focus(); //使焦点集中在fck上,添加这一句是为了保证向FCKeditor1 //中添加的位置正确(提示:如果过程中有弹出窗口,将会丢失在fck窗口内的位置) 下面列举一些具体的用法：1）mands.GetCommand(commandName).Execute();//此处的commandName为工具栏的标签,如” InterceptPic”(截图),//”Image”(图片)等,详见程序内文件夹fckeditor-> editor-> _source->//internals-> fckcommands.js这个用法是在页面上调用该页面内的fck编辑器工具栏上的功能,如上传图片到fck,如启动截图等。

由于这个方法是向fck窗口中添加内容，所以一般会在之前加上oEditor.Focus()方法。

2）oEditor.InsertHtml（”content”）这个方法是向fck窗口的鼠标位置插入我们想要添加的内容.它添加的是html,然后会展现出它能识别的html控件.如oEditor.InsertHtml(“<span style=’color:red’>测试插入内容</span>”);这时它会在fck窗口中添加红色的”测试插入内容”两字,而在源代码中则可以看到“<span style=’color:red’>测试</span>”使用此方法前最好先oEditor.Focus()方法。

FCKeditor文本编辑器的使用方法

FCKeditor是目前最好的html文本编辑器，如果还不明白的话看了下图就知道了效果图:那么为什么说是FCKeditor的冰冷之心呢？这不是哗众取宠，主要是说它使用起来有点麻烦，下文就详细说明如何搞定这玩意儿。

1.FCKeditor的官方网站是：目前最新的FCKeditor 2.4.2版本。

请在此页下载：如图所示：要下载FCKeditor2.4.2.zip和版的2个zip包。

说明：FCKeditor2.4.2.zip是其最新的Javascript文件和图片什么的；.zip是调用的DLL在里面。

2.分别解压后把FCKeditor2.4.2.zip里的fckeditor目录整个复制到网站中。

3.解压.zip包后在_2.2\bin\Debug目录里找到FredCK.FCKeditorV2.dll。

其他文件没用，把FredCK.FCKeditorV2.dll复制到我们的网站，建立一个Bin目录。

4.引用FredCK.FCKeditorV2.dll。

第一步：第二步：5.导入工具箱。

在“工具箱”下右键点击“选择项”。

弹出如图窗口：点击浏览,找到dll所在目录。

这时发现工具箱里多出FCKeditor控件。

6.拖拽FCKeditor到页面上7.配置WebConfig<?xml version="1.0"?><!--注意: 除了手动编辑此文件以外，您还可以使用Web 管理工具来配置应用程序的设置。

可以使用 Visual Studio 中的“网站”->“ 配置”选项。

设置和注释的完整列表在ments 中，该文件通常位于\Windows\\Framework\v2.x\Config 中--><configuration><appSettings><add key="FCKeditor:BasePath" value="~/fckeditor/"/><add key="FCKeditor:UserFilesPath" value="/Files/" /></appSettings><connectionStrings/><system.web>说明：BasePath是fckeditor所在路径，fckeditor由于我们直接放网站目录下这样写就可以，如果您的网站多放几层适当调整即可。

FCKeditor使用详解JAVA版（二）

FCKeditor使用详解JAVA版（二）10. 解决上传中文乱码问题和重命名文件：修改ConnectorServlet.java重命名文件名：11. Peoperties文件的配置：参考下面:# 允许上传的文件类型connector.resourceType.file.extensions.allowed = 7z|aiff|asf|avi|bmp|csv|doc|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|m p3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pxd|qt|ram|rar|rm|r mi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|w mv|xls|xml|zipconnector.resourceType.image.extensions.allowed = bmp|gif|jpeg|jpg|pngconnector.resourceType.flash.extensions.allowed = swf|flaconnector.resourceType.media.extensions.allowed = aiff|asf|avi|bmp|fla|flv|gif|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg |mpg|png|qt|ram|rm|rmi|rmvb|swf|tif|tiff|wav|wma|wmv # 上传资源默认路径connector.resourceType.file.path = /fileconnector.resourceType.image.path = /imageconnector.resourceType.flash.path = /flashconnector.resourceType.media.path = /media# 强制一个文件名只能有一个“.”符号connector.forceSingleExtension = true# 默认的上传路径，为上下文的相对路径erFilesPath = /userfiles# 是否显示全路径connector.fullUrl = false# 这个如果设置为true，则Fckeditor会检查目录中是否有相同的文件，如果有就# 会对这个文件进行重命名connector.secureImageUploads = true# fckeditor相对于Context的路径fckeditor.basePath = /fckeditor# fckeditor的默认高度fckeditor.height = 200# 默认的工具栏fckeditor.toolbarSet = Default# 默认的宽度fckeditor.width = 100%# 一些提示信息message.enabled_patible_browser.no = Your browser is not compatiblemessage.enabled_patible_browser.yes = Your browser is fully compatiblemessage.enabled_tag.connector.file_browsing.disabled = The Connector is disabled for FileBrowsingmessage.enabled_tag.connector.file_browsing.enabled = The Connector is enabled for FileBrowsingmessage.enabled_tag.connector.file_upload.disabled = The Connector is disabled for FileUploadmessage.enabled_tag.connector.file_upload.enabled = TheConnector is enabled for FileUpload12. 文件的上传：如果要上传文件，需要下载一个apache http server，然后在安装目录下，找到conf目录，找到httpd.conf文件。

JAVA环境下HTML编辑器FCKeditor使用详解

JAVA环境下HTML编辑器FCKeditor使用详解本文大部分为转贴，部分为个人使用后发现的问题与理解。

使用的是最新的FCKeditor2.6Beta+FCKeditor java2.3集成的java环境编辑器。

这编辑器和csdn博客中使用的一样，只是少了两个功能：恢复上次提交和插入代码。

不知道怎么弄的，谁知道可以告诉我。

一起交流，我也是刚开始接触这编辑器。

本文介绍FCKeditor在Java环境下的使用方法。

一、简介功能：所见即所得，支持图片和Flash，工具栏可自由配置，使用简单兼容性：IE5.5+、Firefox1.5+、Safari3.0+、Opera9.50+、Netscape7.1+、Camino1.0+成熟度：使用广泛，被Baidu、CSDN等选用二、下载官方下载首页：/download/，当前版本为2.6Beta，需要下载FCKeditor 2.6Beta（FCKeditor_2.6b.zip）和FCKeditor.Java（FCKeditor-2.3.zip）。

三、部署本例以WebRoot作为应用根路径，部署后的目录结构如下图所示：1、FCKeditor_2.6b.zip解压，将fckeditor文件夹复制到/WebRoot/下2、FCKeditor-2.3.zip解压，将commons-fileupload.jar和FCKeditor-2.3.jar复制到/WebRoot/WEB-INF/lib/下，将src下面的FCKeditor.tld复制到/WebRoot/WEB-INF/下，把src 目录下的java类的复制到project的src目录下3、修改/WebRoot/WEB-INF/web.xml文件，只定义了两个Servlet映射，并且对上传文件的目录和允许哪些文件上传、拒绝哪些文件上传做了设置，请注意，这两个servlet的url-pattern 我都在原来代码的前面加上了/fckeditor，这是表示FCKeditor的根目录。

ASP.NET笔记之CKEditor的使用方法

笔记之CKEditor的使⽤⽅法1、CKEditor原名FckEditor，著名的HTML编辑器，可以在线编辑HTML内容。

⾃⼰⼈⽤CKEditor，⽹友⽤UBBEditor。

配置参考⽂档，主要将ckeditor中的（adapters、images、lang、plugins、skins、themes、ckeditor.js、config.js、contents.css）解压到js⽬录，然后“显⽰所有⽂件”，将ckeditor的⽬录“包含在项⽬中”，在发帖页⾯引⽤ckeditor.js，然后设置多⾏⽂本框的class="ckeditor"（CSS强⼤）(服务端控件CssClass=" ckeditor "，客户端控件要设定cols、rows属性，⼀般不直接⽤html控件)，代码中仍然可以通过TextBox控件的Text属性来访问编辑器内容。

由于页⾯提交的时候会把富⽂本编辑器中的html内容当成攻击内容，因此需要在aspx中的Page标签中设置ValidateRequest="false" 来禁⽤攻击检测（2010中还要根据报错信息修改WebConfig来禁⽤XSS检测）。

遇到错误如下：**修改WebConfig来禁⽤XSS检测当提交“<>”这些字符到aspx页⾯时，如果没有在⽂件头中加⼊“ValidateRequest="false"”这句话，就会出现出错提⽰：从客户端(<?xml version="...='UTF-8'?><SOAP-ENV:Envelope S...")中检测到有潜在危险的Request.Form 值。

如你是vs2008的⽤户，只要在aspx⽂件的开始部分，如下⽂所⽰处：复制代码代码如下:<%@ PageLanguage="C#" CodeBehind="News_add.aspx.cs" Inherits="CKEditor.Default" %>加上ValidateRequest="false"即可。

FCKeditor使用详解

FCKeditor介绍FCKeditor是一个功能强大支持所见即所得功能的文本编辑器，可以为用户提供微软office软件一样的在线文档编辑服务。

它不需要安装任何形式的客户端，兼容绝大多数主流浏览器，支持、ASP、ColdFusion 、PHP、Java、Active-FoxPro、Lasso、Perl、ython 等编程环境。

官方网站/官方文档/下载地址/download/default.html其实不同版本的FCKeditor配置过程基本类似，这里拿最新的2.63作为实例进行介绍。

FCKeditor安装和配置到，下载FCKeditor2.63.zip和2.63版的2个zip包(a) FCKeditor_2.6.3是其最新的Javascript文件和图片等；(b) _2.6.3.zip是一个控件DLL文件。

将a解压缩，得到FCKeditor的核心文件，将其拷贝到web项目的根目录下（建议，当然你可以任意放）。

然后解压b,得到.NET支持的源码，进入，bin 下的Release中存在FCKeditor的DLL（这里也有debug文件夹，建议使用release），我们需要在项目中添加对其引用即可。

1.工程浏览器上右键，选择添加引用（Add Reference…），找到浏览(Browse)标签，然后定位到你解压好的FredCK.FCKeditorV2.dll，确认就可以了。

这时，FCKPro工程目录下就多了一个bin文件夹，里面包含FredCK.FCKeditorV2.dll 文件。

2.为了方便RAD开发，我们把FCKeditor控件也添加到VS的工具箱（Toolbox）上来，展开工具箱的常用标签组（General），右键选择组件（Choose Items…），在对话框上直接找到浏览按钮，定位FredCK.FCKeditorV2.dll，然后确认就可以了。

3.配置WebConfig，在<appSettings>节点添加，如下所示：<appSettings><add key="FCKeditor:BasePath"value="/Web/fckeditor/"/><add key="FCKeditor:UserFilesPath"value="/Web/Upload/"/></appSettings>说明："/Web/"是项目名称。

fckeditor使用方法

FCKEditor的使用方法---秦风笛韵1开始：1、首先就是对这个文件进行减肥，除去一些不必要的文件。

临时文件和文件夹的删除：根目录下一切以‘_’开头的文件均可以删掉，根目录下只要保存fckconfig.js(配置文件)、fckeditor.js(js调用方式)、fckeditor.php、fckeditor_php5.php和.xml文件兼editor目录。

Editor目录里也有很多我们不需要的文件目录也要删除：lang下面只要保留en.js和zh-cn.js就好了。

filemanager\connectors这下面我们只要保留PHP文件即可。

至此文件减肥工作基本完毕，如下：这样，（uploads）是我个人建的。

这样文件是不是一样子瘦了好多呢？哈哈2、接下来就是配置的问题，配置有个小细节, /这个符号代表的是服务器的根目录，也就是所谓的localhost中的www目录：<?phpinclude "fckeditor.php"; //包含类文件，它会根据你的PHP版本自动地选择相应的fckeditor类$sBasePath = $_SERVER['PHP_SELF'] ;$sBasePath =dirname($sBasePath).'/'; //这两步就是为了获取到fckeditor的目录$editor = new FCKeditor("content"); //实例化fckeditor类$editor->BasePath = $sBasePath; //如果你的不是默认位置（www），那就要指定BasePath$editor->Value = "FCKEDITOR初始值"; //这下面都是些基本属性，可以到PHP类里去看，什么高度初始值之类的…….$editor->Width = 800;//$editor->Create(); //这样就可以调用fckeditor窗口了。

FCKeditor_2.6.3使用说明

FCK在MVC和中的配置和使用收藏FCK在MVC和中的配置和使用一：FCK配置1. 下载FCKeditor_2.6.3.zip（核心文件）_2.6.3.zip（。

Net Control）（下载地址：FCKeditor 的压缩包/sourceforge/fckeditor/FCKeditor_2.4.3.zipFCKeditor 的.net 2.0核心库/sourceforge/fckeditor/_2.2.zip）（或者直接到我的资源/source/1859109中去下载，里面有使用的例子，结合下面内容一看就会）2. 部署到.NET网站中FCKeditor_2.6.3.zip解压后将fck根目录改名为fckeditor，放到网站根目录下。

网站根目录下创建一个文件夹uploadfiles，用于存放上传的文件在网站中引用_2.6.3.zip中的“FredCK.FCKeditorV2.dll”（注意：在IIS6.0下，上传图片的时候，会出现JS没有权限的错误，解决方法是，更改FredCK.FCKeditorV2.dll的源码，找到FileBrowser/FileWorkerBase.cs 文件代码124 行Response.Write( @"(function(){var d=document.domain;while (true){try{var A=window.top.opener.document.domain;break;}catch(e) {};d=d.replace(/.*?(?:\.|$)/,'');if (d.length==0) break;try{document.domain=d;}catch (e){break;}}})();" );把try 中的document.domain=d; 删除即可.然后重新生成FredCK.FCKeditorV2.dll即可）3. 简化fck配置删除所有以_开始的文件和文件夹，在filemanager中的connector中除aspx以外的文件夹4. 修改fck的语言fckeditor中的fckconfig.js61～63行FCKConfig.AutoDetectLanguage = false ;FCKConfig.DefaultLanguage = 'zh-cn' ;FCKConfig.ContentLangDirection = 'ltr' ;5. 修改上传和浏览文件的程序语言类型fckeditor中的fckconfig.js276～277行var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py6. 上传权限设置fckeditor2.6.3默认已经在fckconfig.js中允许被授权的连接上传和浏览文件了，但是默认情况下有将所有的连接都设为了未授权状态。

FckEditor中文配置手册详细说明

对FckEditor的一点使用经验，及网络上的资料整理正题：下载FckEditorFCKeditor目前已经更新到2.6版，详情请看官方/因为下载下来的压缩包里面有包含很多在我们使用时，用不到的，不删除也行。

看个人喜好下面以PHP为例，进行程序瘦身删除所有”_”开头的文件和文件夹删除FCKeditor的目录下：fckeditor.afpfckeditor.aspfckeditor.cfcfckeditor.cfmssofckeditor.plfckeditor.pyhtaccess.txtlicense.txt删除语言包editor\lang中除中文和英文以外的语言删除skin目录下除默认皮肤以外的文件夹filemanager/browser/default/connectors/目录下除php以外的文件filemanager/upload/目录下除php以外的文件如果你不想要表情包删除editor\images\smiley下的msn文件夹及表情按钮好了精简完毕我们通常把编辑器用以个文件夹存放、通常情况下我们可以明白为fckeditor或editor找到里面两关键文件fckeditor_php4.php fckeditor_php5.php 这两个文件的代码相差不了多少，很显然跟php版本有关打开这两个文件XML/HTML代码1. function FCKeditor( $instanceName )2. {3. $this->InstanceName = $instanceName ;4. $this->BasePath = './editor/' ; 默认编辑器所在的文件位置5. $this->Width = '100%' ; 默认编辑器宽6. $this->Height = '350' ; 默认编辑器高7. $this->ToolbarSet = 'Default' ; 默认编辑器SKIN8. $this->Value = '' ; 初始值9.10. $this->Config = array() ;11. }FCKeditor设置文件"fckconfig.js"XML/HTML代码1. FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称2. FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件3. FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表风格4. FCKConfig.ToolbarComboPreviewCSS =''; //工具栏预览CSS5. FCKConfig.DocType = '' ;//文档类型6. FCKConfig.BaseHref = ''; // 相对链接的基地址7. FCKConfig.FullPage = false ; //是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容8. FCKConfig.StartupShowBlocks = false ;//决定是否启用"显示模块"9. FCKConfig.Debug = false ;//是否开启调试功能10. FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮肤路径11. FCKConfig.PreloadImages=... //预装入的图片12. FCKConfigFCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路径13. FCKConfig.AutoDetectLanguage = true ; //是否自动检测语言14. FCKConfig.DefaultLanguage = 'zh-cn' ; //默认语言15. FCKConfig.ContentLangDirection = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左16. FCKConfig.ProcessHTMLEntities = true ; //处理HTML实体17. FCKConfig.IncludeLatinEntities = true ; //包括拉丁文18. FCKConfig.IncludeGreekEntities = true ;//包括希腊文19. FCKConfig.ProcessNumericEntities = false ;//处理数字实体20. FCKConfig.AdditionalNumericEntities = '' ; //附加的数字实体21. FCKConfig.FillEmptyBlocks = true ; //是否填充空块22. FCKConfig.FormatSource = true ; //在切换到代码视图时是否自动格式化代码23. FCKConfig.FormatOutput = true ; //当输出内容时是否自动格式化代码24. FCKConfig.FormatIndentator = ' ' ; //当在源码格式下缩进代码使用的字符25. FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上26. FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文件内容27. FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE28. FCKConfig.ShowDropDialog = true ;//是否显示下拉菜单29. FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符号转换为XML实体30. FCKConfig.TabSpaces = 0 ;//按下Tab键时光标跳格数,默认值为零为不跳格31. FCKConfig.ShowBorders = true ;//合并边框32. FCKConfig.SourcePopup = false ;//弹出33. FCKConfig.ToolbarStartExpanded = true ;//启动fckeditor工具栏默认是否展开34. FCKConfig.ToolbarCanCollapse = true ;//是否允许折叠或展开工具栏35. FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值36. FCKConfig.FloatingPanelsZIndex = 10000 ;//浮动面板索引37. FCKConfig.HtmlEncodeOutput = false ;//是否将HTML编码输出38. FCKConfig.TemplateReplaceAll = true ;//是否替换所有模板39. FCKConfig.ToolbarLocation = 'In' ;//工具栏位置,40. FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称41. FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件42. FCKConfig.BaseHref = ''; // 相对链接的基地址43. FCKConfig.Debug = true/false; // 是否开启调试功能，当调用FCKDebug.Output()时，会在调试窗中输出内容44. FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 设置皮肤45. FCKConfig.AutoDetectLanguage = true/false ; // 是否自动检测语言46. FCKConfig.DefaultLanguage = 'zh-cn' ; // 设置默认语言47. FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默认文字方向，ltr左，rtr右48. FCKConfig.FillEmptyBlocks = true/false ; // 使用这个功能，可以将空的块级元素用空格来替代49. FCKConfig.FormatSource = true/false; // 切换到代码视图时，是否自动格式化代码50. FCKConfig.FormatOutput = true/false; // 当输出内容时是否自动格式化代码51. FCKConfig.FormatIndentator = ""; // 当在“源码格式”下缩进代码使用的字符52. FCKConfig.GeckoUseSPAN = true/false; // 是否允许SPAN标记代替B，I，U标记53. FCKConfig.StartupFocus = true/false; // 开启时是否FOCUS到编辑器54. FCKConfig.ForcePasteAsPlainText = true/false;// 强制粘贴为纯文本55. FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把&符号转换为XML实体56. FCKConfig.TabSpaces = 0/1; // TAB是否有效57. FCKConfig.TabSpaces = 4; // TAB键产生的空格字符数58. FCKConfig.ShowBorders = true/false; // 是否合并边框59. FCKConfig.ToolbarStartExpanded = true/false; // 页面载入时，工具栏是否展开，点“展开工具栏”时才出现60. FCKConfig.ToolBarCanCollapse = true/false; // 是否允许展开折叠工具栏61. FCKConfig.ToolbarSets = object ; // 编辑器的工具栏，可以自行定义，删减，可参考已存在工具栏62. FCKConfig.EnterMode = 'p'; // 编辑器中直接回车，在代码中生成，可选为p | div | br63. FCKConfig.ShiftEnterMode = 'br'; // 编辑器中Shift+回车，在代码中生成，可选为p | div | br64. FCKConfig.ContextMenu = 字符串数组; // 右键菜单的内容65. FCKConfig.FontColors = ""; // 文字颜色列表66. FCKConfig.FontNames = ""; // 字体列表67. FCKConfig.FontSizes = ""; // 字号列表68. FCKConfig.FontFormats = ""; // 文字格式列表69. FCKConfig.StylesXmlPath = ""; // CSS样式列表的XML文件的位置70. FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置71. FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼写检查器72. FCKConfig.IeSpellDownloadUrl = ""; // 下载拼写检查器的网址73. FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路径74. FCKConfig.SmileyImages = ''; // 表情文件名称列表，具体参考默认设置75. FCKConfig.SmileyColumns = 8; // 表情窗口显示表情列数76. FCKConfig.SmileyWindowWidth = 320; // 表情窗口显示宽度，此窗口会因为表情文件的改变而作调整77. FCKConfig.SmileyWindowHeight = 240; // 表情窗口显示高度，此窗口会因为表情文件的改变而作调整78. FCKConfig.FullPage = true/false; // 是否允许编辑整个HTML文件，还是仅允许编辑BODY间的内容79.80.81. 上传设置82.83. var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php | py84. var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php[/code]85. //第一个是文件浏览器使用的语言，第二个快速上传使用的语言，改成你需要的86. FCKConfig.LinkUploadAllowedExtensions = "" ; // empty for all87. FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$"88. //这是两个允许和拒绝上传的文件类型列表89. FCKConfig.ImageBrowser = false ;是否在插入图片功能里面启用服务器文件浏览功能90. FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;91. Type=Image 表示文件类型是image这会使文件浏览器定位到文件上传路径/image/文件夹下面92. FCKConfig.FlashBrowser = false ;是否在插入flash功能中启用服务器文件浏览功能93. FCKConfig.LinkUpload = false ;是否启用插入链接的快速上传功能94. FCKConfig.ImageUpload = false ;是否启用图片快速上传功能95. FCKConfig.FlashUpload = false ;是否启用flash上传功能96.97.98. 服务器文件设置99.100. 文件浏览器的设置：101. f ckeditor\editor\filemanager\connectors\asp\config.asp102.103. C onfigIsEnabled = true 决定是否启用文件浏览器。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

FCKeditor使用方法技术详解作者：深蓝色QQ：76863715本文PHPChina论坛首发本文特为《PHP5和MySQL5 Web开发技术详解》一书编写1、概述FCKeditor是目前最优秀的可见即可得网页编辑器之一，它采用JavaScript编写。

具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。

它非常流行，互联网上很容易找到相关技术文档，国内许多WEB项目和大型网站均采用了FCKeditor（如百度，阿里巴巴）。

本文将通过与PHP相结合，从基本安装到高级的配置循序渐进介绍给广大PHPer。

FCKeditor官方网站：/FCKeditor Wiki：/2、下载FCKeditor登录FCKeditor官方站（），点击网站右上角“Download”链接。

笔者编写本文时，FCKeditor当前最新的稳定版本是2.4.3，因此我们下载此版本的zip压缩格式文档。

如图1所示：图1：下载FCKeditor 2.4.3（最新稳定版）注意：当点击“FCKeditor_2.4.3.zip”链接后，将跳转到网站上自动下载。

如果您当前使用Linux或Unix系统，可以点击“FCKeditor_2.4.3.tar.gz”链接下载.tar.gz格式的压缩包。

3、安装FCKeditor解压“FCKeditor_2.4.3.zip”文档到您的网站目录下，我们先假定您存放FCKeditor和调用脚本存于同一个目录下。

目录结构如下图所示：图2：网站目录结构图fckeditor目录包含FCKeditor2.4.3程序文件。

check.php用于处理表单数据。

add_article.php 和add_article_js.html分别是PHP调用FCKeditor和JavaScript调用FCKeditor实例脚本文件。

3.1、用PHP调用FCKeditor调用FCKeditor必须先载入FCKeditor类文件。

具体代码如下。

<?phpinclude("fckeditor/fckeditor.php") ; // 用于载入FCKeditor类文件>接下来，我们需要创建FCKeditor实例、指定FCKeditor存放路径和创建（显示）编辑器等。

具体代码如下所示（代码一般放在表单内）。

<?php$oFCKeditor = new FCKeditor('FCKeditor1') ; // 创建FCKeditor实例$oFCKeditor->BasePath = './fckeditor/'; // 设置FCKeditor目录地址$FCKeditor->Width='100%'; //设置显示宽度$FCKeditor->Height='300px'; //设置显示高度的高度$oFCKeditor->Create() ; // 创建编辑器>下面是笔者创建好的实例代码，您可将代码保存为add_article.php。

<?phpinclude("fckeditor/fckeditor.php") ; // 用于载入FCKeditor类文件><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>用PHP调用FCKeditor</title></head><body><form action="check.php" method="post" name="exapmle"><?php$oFCKeditor = new FCKeditor('FCKeditor1') ; // 创建FCKeditor实例，可创建多个实例$oFCKeditor->BasePath = './fckeditor/'; // 设置FCKeditor目录地址$oFCKeditor->Create() ; // 创建编辑器><input name="ok" type="submit" value="提交" ></form></body></html>通过浏览里打开http://you-address/add_article.php 查看FCKeditor安装效果。

如图3所示。

图3：FCKeditor安装成功注意：如果您想将FCKeditor创建为HTML结果代码，以便于在模板引擎里面调用（如Smarty）可使用如下代码。

$output = $oFCKeditor->CreateHtml() ;现在，您可通过POST方式获得编辑器的变量值。

本例将表单的action设置为check.php，您可在check.php里使用代码$fckeditorValue = $_POST['FCKeditor1'];获得编辑器的变量值了。

FCKeditor安装成功了。

但是，我们还可以通过更多设置来使FCKeditor更加灵活人性化。

具体方法文本后面介绍。

3.2、用JavaScript调用FCKeditor调用FCKeditor必须先载入FCKeditor类文件，但与PHP调用方法不同，应用下面的代码。

载入FCKeditor类成功后，有三种方法创建（显示）编辑器。

一：内嵌方法（推荐）在您想要显示FCKeditor的地方创建如下代码（通常在表单里）：下面是笔者创建好的实例代码，您可将代码保存为add_article_js.html。

通过浏览里打开http://you-address/add_article_js.html 查看FCKeditor安装效果。

效果和图3完全一样。

同样，如果您可以使用和前面一样的方法取得编辑器的POST变量值。

二：文本区域（TEXTAREA）方法同内嵌方法一样，也必须先载入fckeditor类。

但创建（显示）编辑器同内嵌方法不同，我们需要为window.onload定义一个函数。

这样，函数便可以在页面加载时执行了。

函数的定义代码如下所示。

接着，您就可以在页面中（通常在表单里）定义id为MyTextarea的文本区域（TEXTAREA）。

代码如下所示：下面是笔者创建好的实例代码，显示效果当然也是一样的。

笔者这里就不哆嗦了。

三：适合于Ajax的调用方法同理，您同样需要加载类文件。

然后使用下面的代码对div元素创建（显示）编辑器。

和使用PHP调用fckeditor实例一样，用javascript方法调用fckeditor 实例也可以设置编辑器宽度和高度等。

4、F CKeditor常用设置FCKeditor已经安装成功了，也可以使用了。

但是我们可以通过一些简单的设置使FCKeditor更加符合您的项目需求。

设置工具栏很简单，只需打开fckeditor目录下面的fckconfig.js文件，按CTRL+F搜索FCKConfig.ToolbarSets["Default"]代码，找到如下代码。

在默认情况下，FCKeditor会调用上面定义的所有工具栏按钮。

大家可以根据自己的需求进你也可以创建一个非默认的工具栏按钮设置，您可以从FCKConfig.ToolbarSets["Default"]当中的代码重新复制一份，然后将Default改成您想要的名字。

注意：fckconfig.js配置选项采用JavaScript语法，如果您不懂JavaScript的话，请在配置之前进行备份。

笔者这里配置了一个适合于大部份网站使用的工栏目按钮（取消了一些不常用的工具栏按钮，并重新布局）。

FCKConfig.ToolbarSets["MyDesign"] = [['Cut','Copy','Paste','PasteText','PasteWord','-','Undo','Redo','-','Find','Replace','-','RemoveFor mat'],['Link','Unlink','-','Image','Flash','Table'],['FitWindow','-','Source'],'/',['FontFormat','FontSize'],['Bold','Italic','Underline'],['OrderedList','UnorderedList','-','Outdent','Indent'],['JustifyLeft','JustifyCenter','JustifyRight'],['TextColor']] ;要想使用自定义的工具栏按钮，必须在创建FCKeditor实例后设置使用的工具栏选项。

$oFCKeditor->ToolbarSet = ' MyDesign ' ; //PHPoFCKeditor.ToolbarSet = "MyDesign"; //JavaScript接下来，我们对常用的一些设置选项功能进行总结，读者可参考fckeditor目录下fckconfig.js文件进行阅读。

见表2表2：常用设置选项功能汇总表2是笔者认为最重要的几个常选项，如果读者还需要更多选项的详细信息，可访问/archives/2006/3467.shtml网址获得。

5、配置上传\文件浏览功能5.1、配置上传要使您的FCKeditor能够使用上传功能，您必须进行以下配制。