来自 美高梅4858官方网站 2019-12-11 05:36 的文章
当前位置: 美高梅4858官方网站 > 美高梅4858官方网站 > 正文

美高梅4858官方网站:详细收拾的选择参谋,PHP境遇下布置在线编辑器FCKeditor

在线编辑器FCKeditor 2.0PHP环境下试用小记
  一、简介
  2004年11月30日推出了FCKeditor 2.0 RC1版,据其官方网站称:这是FCKeditor 2.0版的第一个稳定版本。大家现在可以考虑正式使用它了。目前支持的后台语言有ASP、ASP.Net、PHP和ColdFusion。

首先到:http://www.fckeditor.net去下载FCKeditor
放到网站根目录。
精简说明:
删除所有"_"开头的文件和文件夹
删除语言包中除中文和英文以外的语言
删除skin目录下除默认皮肤以外的文件夹
filemanager/browser/default/connectors/目录下除php以外的文件
filemanager/upload/目录下除php以外的文件
表情文件夹及表情按钮
配置说明:
fckeditor.php :
BasePath为默认Fckeditor的目录,也可以在调用的时候指定.
fckconfig.js :
AutoDetectLanguage 建议关闭,在DefaultLanguage中手动指定默认语言:zh-cn.
ToolbarSets FCKeditor的功能按纽,可自行定制.
_FileBrowserLanguage,_QuickUploadLanguage 指定文件浏览及上传使用的语言,我指定php.
editorfilemanagerbrowserdefaultconnectorsphpconfig.php
editorfilemanageruploadphpconfig.php
$Config['Enabled'] 是否允许上传
$Config['UserFilesPath'] 默认上传路径,可以更改但必须在相应的目录下建这个名称的目录。
配 置 FCKeditor的toolbar功能按钮可以很容易地进行定制,你可以依据你的需要在FCKeditor的配置文件 FCKeditorfck_config.js中进行定制,增加类似config.ToolbarSets["name"] = [ ][ ]; (这里中括号里面的内容自定)使用时只需把$oFCKeditor->ToolbarSet = 'Default' 改为$oFCKeditor->ToolbarSet = 'name' 即可。
工具栏功能说明:

  笔者在经过简单的试用发现,在线编辑器2.0版确实比1.6版有了许多的改进。首先是FCKeditor的文件结构更加清楚,可以更方便地将其部署在自己的系统中。另外2.0版终于支持了Firefox 1.0浏览器,这将为FCKeditor赢得更多的使用者。废话不多说,让我们赶紧来学习如何安装、配置FCKeditor 2.0吧。

功能名称
含义
功能名称
含义
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
背景色

  二、安装与范例

使用方法:
test.php文件
<form action="./action.php" method="post" target="_blank">
<?php
include_once("FCKeditor/fckeditor.php");
$sBasePath = '';
$oFCKeditor = new FCKeditor('input');
$oFCKeditor->BasePath = $sBasePath ;
$oFCKeditor->Width = '100%';
$oFCKeditor->Height = '100px';
$ofCKeditor->ToolbarSet='Default';
$oFCKeditor->Value = 'Hello World!';
echo $oFCKeditor->CreateHtml();
?>
<input type="submit" value="确定">
</form>
action.php文件
<?php
if ( isset( $_POST ) )
$postArray = &$_POST ;
foreach ( $postArray as $sForm => $value )
{
$postedValue = htmlspecialchars( stripslashes( $value ) ) ;
echo $postedValue;
//另外的处理语句。
?>
}

  首先到 下载FCKeditor 2.0 RC1(554K),并将其解压缩到你的网站目录里面,并将文件夹名改为FCKeditor。举例来说,假如你的网站放在shaof这个目录下面,则在这个目录中建立3个子目录:

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

n FCKeditor:存放从网站上下载的FCKeditor在线编辑器
n upimages:用于存放上传的图片
n admin:里面存放测试页面

参考二

  网站的结构如下:

PHP中使用FCKeditor2.3.2配置
FCKeditor2.3.2在线编辑器非常好用,完全支持文件上传。今天baidu了一下午终于搞定了。 下载FCKeditor2.3.2,解压至FCKeditor。
1首先删除不必要的文件节省空间。凡是以_开头的文件如_samples,_testcases和一些用不到的.asp、.jsp、.cfm文件统统干掉。
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' ;//添加中文字体
修改FCKeditoreditorcssfck_editorarea.css
设置默认字体及大小
body, td
{
font-family: Arial, Verdana, Sans-Serif;
font-size: 14px;
}
3关于文件上传的设置
修改fckconfig.js
var _FileBrowserLanguage = 'php' ; // asp | aspx | cfm | lasso | perl | php
var _QuickUploadLanguage = 'php' ; // asp | aspx | cfm | lasso | php
修改fckeditoreditorfilemanagerbrowserdefaultconnectorsphp
$Config['Enabled'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ;//设置上传的文件夹,可自己指定
修改fckeditoreditorfilemanageruploadphp
$Config['Enabled'] = true ;
$Config['UseFileType'] = true ;
$Config['UserFilesPath'] = '/UserFiles/' ;//同上要一样
4引入在线编辑器时只需
<?php
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的值。

/FCKeditor //FCKeditor目录
/UserFiles //上传文件目录
/admin
test.php //提交数据页面
testsubmit.php //显示数据页面

参考三

  进入到FCKeditor目录下,打开_samples目录,里面含有各种编程语言调用FCKeditor的范例程序页面,其中php目录中包含着一些使用PHP来调用FCKeditor的范例,大家可以看一下,了解FCKeditord的调用方法,下面是我简写了一个test.php程序,放在网站根目录下的admin目录中:

FCKeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,官方网站为http://www.fckeditor.net ,在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言,并且支持IE 5+、Mozilla 、Netscape等主流浏览器。目前最新版本为2.0 Beta 2,但是目前2.0 Beta版还不支持PHP,所以这里我选择使用了1.6版本。
首先我们先到 下载FCKeditor_1.6.zip,并将其解压缩到你的网站子目录里面,并将文件夹名改为FCKeditor。进入到FCKeditor/目录下,打开_test/目录,里面含有各种编程语言调用FCKeditor的方法,其中与PHP有关的文件有2个文件:
test.php //提交数据页面
testsubmit.php //显示数据页面
大家可以看一下,了解FCKeditord的调用方法,下面是我简写了一个test程序:
<?php
if($_POST["ADD"]){
$Content=$_POST['EditorDefault'];
echo $Content;
//变量$Content就是我们在FCKeditord里面编辑的内容,这里可以将其保存到数据库里面
}
?>
<html>
<head>
<?php
//引入在线编辑器
include("../FCKeditor/fckeditor.php") ;
?>
</head>
<body>
<br>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" language="javascript">
<?php
$oFCKeditor = new FCKeditor ;
// FCKeditor所在目录,[b:91beb51adf]这个路径一定要和上面那个引入路径一致,否则会报错:找不到fckeditor.html页面[/b:91beb51adf]
$oFCKeditor->BasePath = '../FCKeditor/' ;
// 将FCKeditor实例化
$oFCKeditor->CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
?>
<INPUT type="submit" name="ADD" value="提交">
</form>
</body>
</html>
从上面的例子中我们可以看到要使用FCKeditor,首先要执行
include("../FCKeditor/fckeditor.php") ;语句来引用FCKeditor。然后执行
$oFCKeditor = new FCKeditor ;
$oFCKeditor->BasePath = '../FCKeditor/' ;
$oFCKeditor->CreateFCKeditor( 'EditorDefault', '100%', 300 ) ;
来实例化FCKeditor,如果是编辑页面则再加入一行:
//$Content可以是从数据库中读取出来的数据
$oFCKeditor->Value = $Content ;
默 认情况下,上传图片功能仅对应于ASP方式,要想实现在PHP下上传文件,还得对FCKeditor的配置文件进行修改。打开/ FCKeditor/js/fck_config.js(这是FCKeditor的主配置文件),定位到文件的最下面那段被//注释掉的内容,将
//##
//## Image Browsing
//##
config.ImageBrowser = true ;
// Custom Page URL
config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_html/browse.html" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_jsp/browse.jsp?type=img" ;
//config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_asp/browse.asp" ;
//##
//## Image Upload
//##
config.ImageUpload = true ;
// Page that effectivelly upload the image.
config.ImageUploadURL = config.BasePath + "filemanager/upload/asp/upload.asp" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/aspx/upload.aspx" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/cfm/upload.cfm" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;
//config.ImageUploadURL = config.BasePath + "filemanager/upload/jsp/upload.jsp" ;
改为
//##
//## Image Browsing
//##
config.ImageBrowser = true ;
// Custom Page URL config.
ImageBrowserURL = "filemanager/browse/sample_html/browse.html" ;
config.ImageBrowserURL = config.BasePath + "filemanager/browse/sample_php/browse.php" ;
//##
//## Image Upload
//##
config.ImageUpload = true ;
// Page that effectivelly upload the image.
config.ImageUploadURL = config.BasePath + "filemanager/upload/php/upload.php" ;
最后再修改2个文件:
/FCKeditor/filemanager/upload/php/upload.php
第22行
$UPLOAD_BASE_URL = '/userimages/';
/FCKeditor/filemanager/browse/sample_php/browse.php
第20行
$IMAGES_BASE_URL = '/FCKeditor/userimages/';
这两处定义了图片上传到哪个目录,可以自行定义,不过一定要确保该目录存在,不然上传图片时会报错。
然 后我们把FCKeditor目录下的用不到的.asp、.jsp、. cfm文件和_test、_ aspnet、_developers、_docs、_jsp目录都删掉以节省空间。好啦,FCKeditor的基本使用方法就讲到这里,大家感兴趣的话 可以到我的网站来看看效果:http://www.shaof.com 。
补充:
在 FCKeditor官方的网站注明FCKeditor目前支持3种浏览器:IE5+,Mozilla and Netscape。但在实验中发现使用IE5.0是不支持图片上传功能,只有将IE升级到5.5或者6.0才能支持图片上传功能。而对于刚出的 Mozilla Firefox 1.0 RC1以及Mozilla1.6(Linux环境),则完全无法使用FCKeditor。
以下是使用IE5.0和IE6.0时的截图。

本文由美高梅4858官方网站发布于美高梅4858官方网站,转载请注明出处:美高梅4858官方网站:详细收拾的选择参谋,PHP境遇下布置在线编辑器FCKeditor

关键词: