论坛风格切换
您好,欢迎光临本站!   登录 注册新用户
  • 3090阅读
  • 1回复

[php]PHP中使用FCKeditor [复制链接]

上一主题 下一主题
 

发帖
1527
黑豆
-29
威望
6215
贡献值
0
交易币
0
红豆
0
只看楼主 倒序阅读 0 发表于: 2013-05-05
最近用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个编辑功能,具体功能如下:


功能名称

含义

功能名称

含义

EditSource

显示HTML源代码

StrikeThrough

删除线

Save

保存

Subscrīpt

下标

NewPage

新建空白页面

Superscrīpt

上标

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

背景色


默认的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' 即可
最后.我们把FCKeditor目录下所有以下划线“_”开头的目录都删掉以节省空间,如_test._samples,等等.完工


FCKeditor2.3.2在线编辑器非常好用,完全支持文件上传。今天baidu了一下午终于搞定了。 下载FCKeditor2.3.2,解压至FCKeditor。 字串3
1首先删除不必要的文件节省空间。凡是以_开头的文件如_samples,_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。
字串9
2修改fckconfig.js
FCKConfig.AutoDetectLanguage = true ;//是否自动检测语言
FCKConfig.DefaultLanguage = 'zh-cn' ;//设置语言
FCKConfig.SkinPath = FCKConfig.BasePath 'skins/default/' ;//设置皮肤
FCKConfig.TabSpaces = 1 ;//tab是否有效
FCKConfig.ToolbarStartExpanded = true ;//编辑工具条是否出现,等点“展开工具栏”时才出现
FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;//添加中文字体
修改FCKeditor\editor\CSS\fck_editorarea.css
设置默认字体及大小
body, td
{
font-family: Arial, Verdana, Sans-Serif;
font-size: 14px;
} 字串8
3关于文件上传的设置
修改fckconfig.js
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
字串6

修改fckeditor\editor\filemanager\browser\default\connectors\php
$Config['Enabled'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ;//设置上传的文件夹,可自己指定
修改fckeditor\editor\filemanager\upload\php
$Config['Enabled'] = true ;
$Config['UseFileType'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ;//同上要一样
4引入在线编辑器时只需
include("fckeditor/fckeditor.php") ;
$oFCKeditor = new FCKeditor('FCKeditor1') ;//实例化
$oFCKeditor->BasePath = 'fckeditor/';//这个路径一定要和上面那个引入路径一致,否则会报错:找不到fckeditor.html页面
//$oFCKeditor->Value = '' ;
$oFCKeditor->Width = '100%' ;
$oFCKeditor->Height = '300' ;
$oFCKeditor->Create() ;
?>
JS用alert( FCKeditorAPI.GetInstance('FCKeditor1').GetXHTML( true ))得到FCKeditor1的值;
PHP用$_POST['FCKeditor1']得到FCKeditor1的值。
快速回复
限100 字节
 
上一个 下一个