FCKeditor 应用

最新推荐文章于 2024-04-07 18:39:57 发布

zjwtnt

最新推荐文章于 2024-04-07 18:39:57 发布

阅读量2.2k

点赞数

分类专栏：编辑器文章标签： fckeditor include php button image input

编辑器专栏收录该内容

2 篇文章 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前面第二行加上

把fckeditor.asp包含进来。切记切记！

就这么简单！

现在你只要把这个编辑器当成一个控件来使用，提取它的数据时用：request("logbody")

现在松口气吧。测试成功了。里面有些设置，去网上找些高级的使用说明来看吧。

《柠檬园主》的高级说明。我又从这里获得了帮助。
http://3rgb.com/b/?act=viewthread&threadid=324

zjwtnt

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
FCKeditor 应用

FCKeditor使用方法小结(php)标签：学习笔记 php fckeditor使用最近用php+mysql开发一个项目,里面用到了FCKeditor,下面对这个用法进行一下小结.首先说明一下我的FCKeditor版本是2.1多国语言版. 用法:1.我的网站目录是www.里面有如下文件夹和文件 /www add.php /include
复制链接

扫一扫