在线编辑器最新版FCKeditor配置过程

1.  
先下载FCKeditor2.3.2   
下载地址：
http://prdownloads.sourceforge.net/fckeditor/FCKeditor_2.3.2.zip?download
http://free5.ys168.com/?bapilong
官方下载:http://www.fckeditor.net/download

2.
在自己的PHP服务器根目录下随意新建目录，我自己建立的是/test/，将下载的文件解压到该目录中。
目录结构如下：
test     测试的目录
    |
    |_____FCKeditor/    下载FCKeditor解压后的目录
    |
    |_____test.php     (新建用来测试的文件，下附代码)
    |
    |_____shop.php     (新建用来接收提交数据的显示文件页面，下附代码)

3.
现在FCKeditor已经就绪。只要加入下列代码生成一个编辑器(放置在

中)
test.php文件简单代码如下：
<html>
<head>
</head>
<body>
<form name="form1" action="shop.php" method="post" >
<?php
include("FCKeditor/fckeditor.php") ;
$oFCKeditor = new FCKeditor('FCKeditor1') ;
$oFCKeditor->BasePath = './FCKeditor/';
$oFCKeditor->Value = '';
$oFCKeditor->Create() ;
?>
<INPUT type="submit" name="submit" value="提交">
</form>
</body>
</html>

"FCKeditor1" 是表单中的编辑器对应的输入框名称.    "_samples"目录下有使用范例。
shop.php代码如下：
使用 $sValue = stripslashes( $_POST['FCKeditor1'] ) ; 来接收编辑器中输入的内容。

<?php
$sValue = stripslashes( $_POST['FCKeditor1'] );
echo"$sValue";
?>

该文件，只是简单的测试显示页面，相关的插入数据库的函数，自己根据自己的实际情况添加进去就得了

4.
配置上传和浏览功能   
打开fckconfig.js文件进行简单的配置
以前旧版本的，很多教程都会说到以下的配置值必须是“true”，现在2.3.2版本的，你会发觉，都已经设置成“true ”值了。

FCKConfig.LinkBrowser = true ;
FCKConfig.ImageBrowser = true ;
FCKConfig.FlashBrowser = true ;
FCKConfig.LinkUpload = true ;
FCKConfig.ImageUpload = true ;
FCKConfig.FlashUpload = true ;

接着搜索fckconfig.js文件中的:    var _FileBrowserLanguage     （143行）
它的初始设置值是    var _FileBrowserLanguage    = 'asp' ;
那么我是需要PHP版本的，那么就可以改成var _FileBrowserLanguage    ='php'
而且，它适用于 “asp | aspx | cfm | lasso | perl | php | py ” 等等编程语言，改回你自己需要的就OK。
它的作用是指向程序类型的配置文件路径。
再找到144行，var _FileBrowserLanguage ='asp';    也改成var _FileBrowserLanguage ='PHP';  
意思是对应编程语言类型的上传配置文件路径。
fckconfig.js配置完毕。。。

5.
然后编辑FCKeditor安装目录下的浏览程序配置文件和上传程序配置文件,需要明确指定为true。
打开文件 /editor/filemanager/browser/default/connectors/php/config.php

// SECURITY: You must explicitelly enable this "connector". (Set it to "true").
$Config['Enabled'] = true ;
// Path to user files relative to the document root.
$Config['UserFilesPath'] = '/UserFiles/' ;



打开文件 /editor/filemanager/upload/php/config.php

// SECURITY: You must explicitelly enable this "uploader".
$Config['Enabled'] = true ;
// Path to uploaded files relative to the document root.
$Config['UserFilesPath'] = '/UserFiles/' ;


6.
好了。。这样可以上传文件了。。仔细测试了好几次，突然发觉上传以中文命名的图片或文件，会出现文件名乱码了。应该是在javascript的url编码传递中造成的了，那么
就想想法办把它解决。细想还是用最原始的方法，就用上传时间作为文件命名。那么找到上传的文件：\editor\filemanager\upload\php\upload.php  
打开找到

$sFileName = $oFile['name'] ;

替换为：

$sFileName = $oFile['name'] ;
$sOriginalFileName = $sFileName ;
$sExtension = substr( $sFileName, ( strrpos($sFileName, '.') + 1 ) ) ;
$sExtension = strtolower( $sExtension ) ;
$sFileName = date("YmdHis",time()+22800).".".$sExtension;


这样，就可以解决了上传文件时，遇到中文命名的文件出现乱码而无法显示的问题。

还有一点，就是要在服务器根目录下建立UserFiles文件夹，否则上无法上传文件，这点很多网上的提问无法上传文件的原因。只要在服务器根目录下建立UserFiles目录，程序有目录指向
就能上传文件了。再有的就是该编辑器自动建立了(Image,File,Flash...)等文件夹在UserFiles中，这是自动文件分类程序中的作用了，作用是给管理者更好的文件类型的管理。

-------------------------------------------------------------------------------------------------

FCKeditor的配置和使用方法

FCKeditor 是一个十分强大的网页文本编辑器，它支持多种脚本编程语言和支持多国语言。如果你还不知道或者你知道还不会配置这个的话，请你继续往下看.
我用是FCKeditot的版本是2.1，不过现在已经有FCKeditor 2.3.2 released版本了，你可以到他的官方网站上去下载 http://www.FCKeditor.net/
本文介绍的是关于php的配置方法，其他语言的配置方法是和它一样的。
假设网站的目录为：
\www
     \index.php
     \inc
     \FCKeditor
一：调用FCKeditor的两种方法
1：通过创建实例
   在这里只写调用它的代码了，网站的其他代码当然由你自己写了，把下面的代码加在应该加的地方。
   <?php
   include_once("FCKeditor/fckeditor.php");     //引用FCKeditor.php这个文件
   $FCKeditor=new FCKeditor('welefen');         //创建FCKeditor对象的实例
   $FCKeditor->BasePath='FCKeditor/';           //FCKeditor所在的位置，这里它的位置就是'FCKeditor/';
   $FCkeditor->ToolbarSet='Default';            //工具按钮设置
   $FCKeditor->Width='100%';                    //设置它的宽度
   $FCKeditor->Height='300px';                  //设置它的高度
   $FCkeditor->Create();
   ?>
2:通过iframe调用创建
在你认为该加的地方加上
<INPUT id=content style="DISPLAY: none" type=hidden name="welefen">
<INPUT id=content___Config style="DISPLAY: none" type=hidden>
<IFRAME id=content___Frame src="FCKeditor/editor/fckeditor.html?InstanceName=welefen&Toolbar=Default" frameBorder=0 width=100% scrolling=no height=300>
</IFRAME>
对上述两种方法的说明：
在上述两种方法中，你都看到了字符串'welefen'，你可能不知道是什么意思，现在我给你解释一下
如果你要将文本编辑器中的内容在另外一个页面显示或者要将在它保存在数据库，你可以用
$_POST['welefen']或者用$_GET['welefen']来获取文本编辑器中的内容,具体是用post还是用get那要看你用的是什么传递方法了
当然你也可以把welefen改成你想要用的，如'content'.
如果你还不知道什么是ajax，那么这一段话你就不用看了。
当你用ajax的来获得内容的时候是不是发现得不到内容，如：
<script>alert(document.form.content.value)</script>你会发现谈出的窗口没内容
那么我们可以通过下面的代码来获得它的内容：
function getContentValue()
{
var oEditor = FCKeditorAPI.GetInstance('content') ;
var acontent=oEditor.GetXHTML();
return acontent;
}
二：配置一些文件
1:fckconfig.js的配置
   (1).工具按钮设置
   查找FCKConfig.ToolbarSets["Default"]，这里有很多按钮，下面我们将对他们详细介绍
   EditSource 显示HTML源代码 StrikeThrough 删除线
   Save 保存 Subscript 下标
   NewPage 新建空白页面 Superscript 上标
   Preview 预览 JustifyLeft 左对齐
   Cut 剪切 JustifyCenter 居中对齐
   Copy 复制 JustifyRight 右对齐
   Paste 粘贴 JustifyFull 两端对齐
   PasteText 纯文本粘贴 InsertOrderedList 自动编号
   PasteWord 来自Word的粘贴 InsertUnorderedList 项目符号
   Print 打印 Outdent 减少缩进
   SpellCheck 拼写检查 Indent 增加缩进
   Find 查找 ShowTableBorders 显示表格线
   Replace 替换 ShowDetails 显示明细
   Undo 撤销 Form 添加Form动作
   Redo 还原 Checkbox 复选框
   SelectAll 全选 Radio 单选按钮
   RemoveFormat 去除格式 Input 单行文本框
   Link 插入/编辑 链接 Textarea 滚动文本框
   RemoveLink 去除连接 Select 下拉菜单
   Anchor 锚点 Button 按钮
   Image 插入/编辑 图片 ImageButton 图片按钮
   Table 插入/编辑 表格 Hidden 隐藏
   Rule 插入水平线 Zoom 显示比例
   SpecialChar 插入特殊字符 FontStyleAdv 系统字体
   UniversalKey 软键盘 FontStyle 字体样式
   Smiley 插入表情符号 FontFormat 字体格式
   About 关于 Font 字体
   Bold 粗体 FontSize 字体大小
   Italic 斜体 TextColor 文字颜色
   Underline 下划线 BGColor 背景色

这个默认的是包含了所有的工具按钮，不过到我们具体要用的时候，有的按钮并不需要，而且还影响速度。那么我们可以将我们不需要的按钮给删了。下面是我的配置，给大家一个参考，当然你可以根据你的喜好。

FCKconfig.ToolbarSets["Default"] = [
['EditSource','Save','NewPage','Preview','-','Cut','Copy','Paste','PasteText','-','Find','Replace','-','Undo','Redo','-','SelectAll','-','Link','RemoveLink','-','Image','Table','Rule','SpecialChar','Smiley'] ,
['Bold','Italic','Underline','-','JustifyLeft','JustifyCenter','JustifyRight','-','InsertOrderedList','InsertUnorderedList','-','Form','Checkbox','Radio','Input','Textarea','Select','Button','-','FontStyleAdv','TextColor'] ] ;

如果在前台给用户回复一写帖子的话，还是没必要要上面的，这时你可以在加一个：
FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;
这样的话，你在前台调用的时候就要用$FCKeditor->ToolbarSet='Basic',不能在为"Default"了。

(2)：语言的配置
查找FCKConfig.DefaultLanguage将它设置为'zh-cn'.

(3):脚本语言的设置
查找var _FileBrowserLanguage和var _QuickUploadLanguage将他们设置为'php', 默认是'asp',如果这里不设置的话，图片将不能上传，这点很重要。当时我在用FCKeditor由于没配置这个，不能上传图片，而我同寝室的用asp能上传图片，让我烦恼了好多天，最后终于找到是这个原因。
2:图片上传的配置
打开文件FCKeditor/editor/filemanager/browser/default/connectors/php/config.php

查找$Config['Enabled']，将它设置为'true'
查找$Config['UserFilesPath']，将它设置图片的目录，这个目录是相对于主目录的 //例如：我写了一个blog，就可以设置为/blog/upload/
打开文件FCKeditor/editor/filemanager/upload/php/config.php
查找$Config['Enabled']，将它设置为'true'
查找$Config['UseFileType']，将它设置上传文件的目录，最好与上面的图片目录相同

好了，现在所有的配置都已经完成了，现在你要做的只是删除一些不必要的文件了
只要包含'_'的目录名和文件名都可以删除，当然你用的是php，其他语言的一些目录也都可以删除，这样就减小了文件的大小.