FCKeditor 应用
FCKeditor使用方法小结(php)
标签：学习笔记 php fckeditor使用
最近用php+mysql开发一个项目,里面用到了FCKeditor,下面对这个用法进行一下小结.首先说明一下我的FCKeditor版本是2.1多国语言版.
用法:1.我的网站目录是www.里面有如下文件夹和文件
/www
add.php
/include
/FCKeditor
2.调用FCKeditor的方法:
(1)在开头包含include("FCKeditor/fckeditor.php")
(2)在需要使用的的方加入
<?php
$oFCKeditor = new FCKeditor('FCKeditor1') ;//建立对象
$oFCKeditor->BasePath = 'FCKeditor/' ;//FCKeditor所在的位置
$oFCKeditor->ToolbarSet = 'Default' ;//工具按钮
$oFCKeditor->Create('EditorDefault', '60%',150) ;
?>
(此处basepath的路径一定要和上面include的路径一样.否则会找不到文件)
另外,对于这个输入内容的变量,如果要把它存入数据库,它的变量名为你建
立对象的名字.例如上面就是FCKeditor1
3.在FCKeditor/_samples/里面有个php调用的例子.如simples01.php
和sampleposteddata.php这两个.后面那个文件是输出变量名的php
程序,通过这个程序可以得到文本输入框内容的变量名.
4.配置 FCKeditor的toolbar功能按钮可以很容易地进行定制，你可以依据你
的需要在FCKeditor的配置文件FCKeditor/fck_config.js中进行定制
,一个功能按钮对应一个唯一的名称。
在fck_config.js中默认情况下已经设定好三种toolbar样式：Default（包
含全部功能），Accessibility和Basic。
让我们先来看看toolbar样式的定制格式：
config.ToolbarSets["ToolBarSetName"] = [ // Toolbar名
['Item 1','Item 2','-','Item 3','Item n'], // Toolbar第一行
['Item 4','-','Item 5','Item 6','Item n'] // Toolbar第二行
] ;
这里'-'的作用是创建一个分割条。
FCKeditor1.6为我们提供了60个编辑功能，具体功能如下：
默认的Default包含了FCKeditor的全部功能，个人感觉有些功能用不上，完全加载还会影响显示速度，所以我简化了一下，只加载了一些常用的功能：
1、打开FCKeditor/fck_config.js文件，添加如下代码
config.ToolbarSets["www"] = [
['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'] ] ;
这样加载的速度就快多了。
使用时只需把$oFCKeditor->ToolbarSet = 'Default'
改为$oFCKeditor->ToolbarSet = 'www' 即可
|
功能名称
|
含义
|
功能名称
|
含义
|
|
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
|
背景色
|
ASP 的配置方法
在站点根目录下，新建一个index.asp页面，<body>段内加如下代码（调用编辑器）：
<%
Dim oFCKeditor
Set oFCKeditor = New FCKeditor
oFCKeditor.BasePath = "/FCKeditor/" //设置编辑器的路径，我站点根目录下的一个目录
oFCKeditor.ToolbarSet = "Default"
oFCKeditor.Width = "100%"
oFCKeditor.Height = "600"
oFCKeditor.Value = "" //这个是给编辑器初始值
oFCKeditor.Create "logbody" //以后编辑器里的内容都是由这个logbody取得，命名由你定
%>
加了这一段别忘了在index.asp前面第二行加上
<!--#include file="FCKeditor/fckeditor.asp" -->
把fckeditor.asp包含进来。切记切记！
就这么简单！
现在你只要把这个编辑器当成一个控件来使用，提取它的数据时用：request("logbody")
现在松口气吧。测试成功了。里面有些设置，去网上找些高级的使用说明来看吧。
《柠檬园主》的高级说明。我又从这里获得了帮助。
http://3rgb.com/b/?act=viewthread&threadid=324