关闭

FCKeditor 应用

2102人阅读 评论(0) 收藏 举报

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:171551次
    • 积分:2082
    • 等级:
    • 排名:第19443名
    • 原创:39篇
    • 转载:67篇
    • 译文:0篇
    • 评论:9条
    最新评论