FCKeditor 应用

转载 2006年06月11日 18:16:00

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

FCKeditor文件上传配置

FCKeditor编辑功能的使用 下载并解压FCKeditor放于WebRoot目录下 在使用页面引入fckeditor目录下的fckeditor.js 使用如下代码调用显示 ...
  • update_java
  • update_java
  • 2015年08月30日 11:19
  • 1109

Fckeditor使用方法

测试Fckeditor版本为:2.6.3 JS代码中各个参数具体作用 var oFCKeditor = new FCKeditor( 'content' ) ;//此参数会作为提交表单时的参数...
  • v123411739
  • v123411739
  • 2014年04月25日 23:19
  • 13771

FCKeditor的配置与使用

fckeditor - (1)资料介绍与安装  fckeditor介绍    FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。    1.fckeditor官网...
  • xyw591238
  • xyw591238
  • 2016年06月01日 13:20
  • 1115

FCKeditor html 文本编辑器的配置应用

(1) 下载应用    ① FCKeditor 下载地址    ② 把FCKeditor 2.6.5 解压到项目的 WebRoot 下    ③ 解压fckeditor-java-2.6-bin.z...
  • u014201191
  • u014201191
  • 2015年02月11日 14:17
  • 1088

ASP.NET应用FCKeditor时webconfig的详细设置

1.WebConfig的配置配置WebConfig,在节点添加,如下所示:  说明:"/Web/"是项目名称。  BasePath:fckeditor是FCKeditor(解压出来的文件夹)整个文件夹...
  • lwjnumber
  • lwjnumber
  • 2011年03月14日 16:59
  • 2041

FCKeditor分页符的应用

浏览器兼容问题: 由于FCK 主要是以JS来完成操作的大部分功能。所以有些地方会出现浏览器兼容的问题,(主要浏览器:IE,FIREFOX); 在IE下面的FCK分页符代码是:  ...
  • woshixiongjin
  • woshixiongjin
  • 2012年08月27日 23:04
  • 260

ASP.NET MVC2 如何应用FCKeditor3.6.4

Ⅰ、安装部署篇 首先从官网下载FCKeditor3.6.4(asp.net)       其实当前最新版是4.1.1的,但没有教程不会安装,所以下了这个版本的 具体安装方法我这里不详述了...
  • universe57
  • universe57
  • 2013年04月26日 23:30
  • 546

FCKeditor的应用实例

  • 2013年09月27日 15:23
  • 414KB
  • 下载

fckeditor 标签配置简单应用例子

  • 2010年06月11日 19:54
  • 1.01MB
  • 下载

fckeditor 可应用于各个浏览器

  • 2011年12月02日 15:53
  • 2.04MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FCKeditor 应用
举报原因:
原因补充:

(最多只允许输入30个字)