ThinkPHP中FCKeditor编辑器的使用方法

而且可以用直接上传和ajax两种方式处理内容。为了给一些还没能成功地集成fckeditor的同侪们一些启发与帮助，
兹将我的经验与体会描述如下：应用目的：将FCKeditor编辑器集成到Thinkphp中，使用户能够在线像编辑Word一样处理即将发表的文字与图像。
应用软件与环境：apache服务器2.0以上版本，PHP版本5.0以上，mysql5.0以上；Thinkphp版本1.5或以上，Fckeditor版本2.x。
应用步骤：
1、下载FCKeditor2.x版本，将解压后的文件夹FCKeditor复制到ThinkPHP文件夹下的Vendor目录下，以便符合THinkPHP的第三方类库引入规则。
2、修改参数：
首先，用EditPlus等软件打开FCKeditor目录下的fckeditor_php5.php文件，找到第130行。出现内容如下：


代码如下:

public function __construct( $instanceName )
{$this->InstanceName = $instanceName ;
$this->BasePath= ' ' ;
$this->Width = '900′;
$this->Height = '400′;
$this->ToolbarSet = 'Default' ;
$this->Value = ' ';
$this->Config = array() ;
}
public function __construct( $instanceName ){$this->InstanceName = $instanceName ;
$this->BasePath = '/bm/ThinkPHP/Vendor/FCKeditor/' ;$this->Width = '900′;$this->Height = '400′;
$this->ToolbarSet = 'Default' ;$this->Value = ”;

其中，最关键的就是将Basepath设置好。
里面填写的就是fckeditor_php5.php文件相对于网站文档根目录（document root）的路径。
其实这就是用以表征FCKeditor编辑器相对根目录的路径。比如服务器的文档根目录最下级是htdocs/或www/，
项目名为project,project项目文件夹下有Thinkphp系统文件包与项目文件包myapp。而且服务器没有对该项目设置虚拟主机的话，
此时的文档根目录仍是www/或htdocs/,那么应该是$this->BasePath='/project/ThinPHP/Vendor/FCKeditor/';
若是设置了虚拟主机，即将project变为虚拟的文档根目录，通过某一域名能够直接访问网站项目的话，那么此时，
$this->BasePath='/ThinPHP/Vendor/FCKeditor/';
其他的参数如宽度与高度可以填或不填，若填下的话就是编辑器的默认高与宽。InstanceName是编辑器所在标签的id与name，此时不用理会。其他参数也不用理会。
其次，在FCKeditor\editor\filemanager\connectors\php\下面找到config.php文件，打开它，找到30与34行。需要改写的参数如下：$Config['Enabled'] = true ;
$Config['UserFilesPath'] = ' ' ;
其中，第一个参数应该设为true.默认是true.第二个参数填写的是上传文件的路径，比如要显示的图片等。
我们在project目录下建立一个uploads文件夹，那么$Config['UserFilesPath'] = ' /project/uploads/';
路径规则与上一个basepath一样。要是project是虚拟文档根目录的话，那么$Config['UserFilesPath'] =' /uploads/';
3、应用程序：
比如在myapp项目中Lib目录下IndexAction.class.php控制器类中的index方法中，当访问该程序时，输出的模板网页里有form表单，
要求用户输入一篇文章，那么就可以用到编辑器.代码示例如下，只显示与fckeditor有关的代码，其他代码会略。
首先是服务器程序：


代码如下:

public function index()
{……//其他代码
vendor(“FCKeditor.fckeditor”);//包含FCKeditor类库，TP引入第三方类库的系统方法，其路径是相对于vendor目录来说的。
$editor= new FCKeditor(); //实例化FCKeditor对象
$editor->Width='980′;//设置编辑器实际需要的宽度。此项省略的话，会使用默认的宽度。
$editor->Height='400′;//设置编辑器实际需要的高度。此项省略的话，会使用默认的高度。
$this->Value=”;//设置编辑器初始值。也可以是修改数据时的设定值。可以置空。
$editor->InstanceName='comment';//设置编辑器所在表单内输入标签的id与name，即<input>标签的id与name。此处假
//设为comment.此处不可省，也要保持唯一性。表单上传到服务器处理程序后，即可通过$_POST['comment']来读取。
$html=$editor->Createhtml();//创建在线编辑器html代码字符串,并赋值给字符串变量$html.
$this->assign('html',$html);//将$html的值赋给模板变量$html.在模板里通过{$html}可以直接引用。
…….//其他代码，包括输出模板。
}

其次是对应的html模板即index 文件。只需要在需要的地方插入编辑器即可，其他代码与一般的<form>写法一样。
…….<!–其他html代码 –>
<div>
<form id=”commentform” name=”commentform” action=”">//action里填写表单处理程序，如'__APP__/Index/check'。
指的是IndexAction类下的check()方法来处理提交的表单数据。


代码如下:

<table style=”width:100%;”>
<tr>
<td style=”text-align:left;”>添加新评论：
</td>
</tr>
……//其他表单填写项
<tr>
<td > {$html}</td>
</tr>
<tr>
<td><input type=”submit” value=”提交评论” >
</td>
</tr>
</table>
</form>
</div>

到这里， 已经可以用了。在表单处理程序里像通常处理表单元素那样就行。但是，有的时候项目移植后，上传的图片等链接路径会被错误编译，
以致不能正确显示图片等东西。通常是双引号解析错误，我还没有解决。要想不出错的话，可以采取ajax的方式处理表单数据。
不过在进行ajax处理之前，要先用一段js代码将编辑器中的值赋给表单中name是instacename的值的表单元素。比如，
本项示例中要用ajax对表单进行处理的话，index模板文件中必须在表单处理前运行的一段js代码为：
…….//其他js代码
var editor=FCKeditorAPI.GetInstance('comment');//comment是设置的instanceName值.
document.commentform.comment.value=editor.EditorDocument.body.innerHTML;//将编辑器中内容处理后的源代码
//赋值给commentform表单的comment 属性元素值。
……//其他js代码
注：个人认为xajax比较不错，只需要将主要精力花在后台程序上。我也是用xajax进行数据处理的。前台代码很简单。

赞 (0)

相关推荐

  • ThinkPHP使用Ueditor的方法详解

    本文实例讲述了ThinkPHP使用Ueditor的方法.分享给大家供大家参考,具体如下: 相信很多人现在还在用着FCkeditor,以前我也在用,可是后来发现百度的Ueditor之后,发现,Ueditor比Fckeditor更好看,操作性上也比Fckeditor好多了,所以还是尝试着使用ueditor,但是在ThinkPHP框架下使用ueditor还是遇到了一些问题,也花费了一些时间去解决这些问题,这样,在这里写一个关于ThinkPHP下使用ueditor的教程,给需要使用的人. 1.在网站的根

  • thinkPHP下ueditor的使用方法详解

    本文实例讲述了thinkPHP下ueditor的使用方法.分享给大家供大家参考,具体如下: 1.首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html 2.下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中.我放的位置为Public/admin文件夹下,admin为后台的访问入口文件目录. 3.在项目中的使用 首先需要引入核心的js文件: <script type="text/java

  • ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法

    本文实例讲述了ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法.分享给大家供大家参考.具体实现方法分析如下: 首先,AjaxFileUploader插件是一个基于jquery的插件,我们可以使用AjaxFileUploader插件来实现文件异步上传功能了,使用这款插件上传文件不要担心兼容性的问题,它的兼容性可以说兼容所有主流浏览器,下面来给大家介绍一个AjaxFileUploader+thinkphp实现文件上传的实例. ThinkPHP框架下用AjaxFileUpl

  • ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例

    该实例通过ThinkPHP结合Ajax与mysql实现了客户端的通信功能,具体如下: 1.使用js的ajax局部刷新功能,每次刷新将数据库中读取出的新记录插入到页面的显示区域,代码如下: window.onload =setInterval(showWords1000);//加载完成之后开始执行刷新功能 function showWords()//刷新时被调用函数,实现ajax请求 { xmlHttp=GetXmlHttpObject();//从自定义的函数中获取请求对象. if (xmlHtt

  • ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法

    ThinkPHP的conf文件中的Convention.php有一个配置选项 'DEFAULT_FILTER'        =>  'htmlspecialchars', // 默认参数过滤方法 用于I函数... 默认这个方法是开启的.也就是说,我们往数据库里面存储的数据中都会经过htmlspecialchars这个函数的转义处理. 我在我的项目中使用了Kindeditor富文本编辑器(或许你使用的是Ueditor\ckeditor),通过富文本编辑器编辑文章的内容然后存储到数据库中,再从数据

  • Dwz与thinkphp整合下的数据导出到Excel实例

    本文实例讲述了Dwz与thinkphp整合下的数据导出到Excel的方法.分享给大家供大家参考.具体方法如下: 这个问题困扰了我很久,终于还是自己写JQUERY把它搞掂了,希望能对遇到同样问题的人有所帮助,好吧,下面就是源代码: jquery代码如下: 复制代码 代码如下: $(function(){            //_getIds方法就是获取已选的要导出的数据的ID,设了两个参数selectedIds--已选id的input名称,targetType-->碎片模式,默认是navTab

  • ThinkPHP中使用Ueditor富文本编辑器

    具体插件下载: http://ueditor.baidu.com/website/download.html#ueditor UEditor官方文档: http://ueditor.baidu.com/website/document.html 之前于 "ThinkPHP-代码" 案例中发布版本: http://www.thinkphp.cn/code/175.html UEditor解压于:PUBLIC/Ueditor下(同级目录有:Common,Conf,Lib,Tpl等) 例:在

  • ThinkPHP整合百度Ueditor图文教程

    ThinkPHP整合百度Ueditor图文教程

    ThinkPHP整合百度Ueditor,基于黄永成老师的视频说明的 申明:最好大家都能写绝对路径的都写好绝对路径比如:window.UEDITOR_HOME_URL 他在教程里面已经说了的,我就不再次说了啊,就一笔带过,好了不废话! 在调用编辑器的时候首先先初始化一些值: <script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "/Public/uedi

  • ThinkPHP使用Smarty第三方插件方法小结

    本文实例讲述了ThinkPHP使用Smarty第三方插件的方法.分享给大家供大家参考,具体如下: 如果你在使用ThinkPHP框架的时候不想采用TP自带的模版系统,而使用第三方的模版系统,你有很多其他的选择,在这里我仅介绍Smarty这种比较官方,而且比较强大的模版系统. 由于Smarty兼容PHP4,因此,它的效率会相对低一点点,这个低只是相对的,估计等Smarty啥时候正式放弃PHP4的时候,效率可能会上很大一个台阶. 在TP框架的PlugIns目录下面,有一个SmartTemplate目录

  • ThinkPHP中FCKeditor编辑器的使用方法

    而且可以用直接上传和ajax两种方式处理内容.为了给一些还没能成功地集成fckeditor的同侪们一些启发与帮助, 兹将我的经验与体会描述如下:应用目的:将FCKeditor编辑器集成到Thinkphp中,使用户能够在线像编辑Word一样处理即将发表的文字与图像. 应用软件与环境:apache服务器2.0以上版本,PHP版本5.0以上,mysql5.0以上:Thinkphp版本1.5或以上,Fckeditor版本2.x. 应用步骤: 1.下载FCKeditor2.x版本,将解压后的文件夹FCKe

  • thinkPHP中验证码的简单使用方法

    thinkPHP中验证码的简单使用方法

    本文实例讲述了thinkPHP中验证码的简单使用方法.分享给大家供大家参考,具体如下: 首先生成验证码,在action文件中,直接调用thinkphp中提供的方法即可生成,确保开启php的扩展 gd2 如下: class UserAction Model extends Model { /** * 显示验证码信息 */ public function verify() { ob_clean(); // 清空(擦掉)输出缓冲区 ,也就是清空前面的输出,通常情况下验证码不显示,可考虑这个问题 imp

  • thinkPHP中验证码的简单实现方法

    thinkPHP中验证码的简单实现方法

    本文实例讲述了thinkPHP中验证码的简单实现方法.分享给大家供大家参考,具体如下: 运行效果图如下: 1.php端生成验证码函数 public function verify(){ // 验证码 import("@.Util.Image"); Image::buildImageVerify(4,1,'png',40,20,'verify'); } /** * 生成图像验证码 * @static * @access public * @param string $length 位数

  • thinkphp中连接oracle时封装方法无法用的解决办法

    thinkphp中连接oracle时封装方法无法用的解决办法

    最近收集了一些关于THinkPHP连接Oracle数据库的问题,有很多朋友按照连接mysql的方法来操作,导致有一些方法在Oreale中无法正常使用.比如说:findAll,Select方法无法使用,获取不到需要的数据.Create和add方法无法创建和写入数据到数据库中. 其实根据以前问题我做了几天调试,找到了问题所在,并成功在我自己一个小项目练习中使用正常,那么现在就将我的经验分享给大家. 1,数据库的连接及配置文件的内容我就不说了, 上面已经做了解释.我这里只根据一个数据表的例子来说明我的

  • 在asp.net中KindEditor编辑器的使用方法小结

    下载下来可是不会用啊,网上也找不到类似的方法,可能都没遇到过这样的问题,,经过一个晚上的研究demo及同事一起帮忙,终于研究出了如何使用,自己总结一下,也希望对以后需要的人有所帮助.这里以一个从数据库读取和保存为例子,其它参数请参考kindeditor官方网站 1.首先把下面拷到要用编辑器的路径 复制代码 代码如下: <input type="hidden" name="content1" id="content1" value='<

  • 解析thinkphp中的M()与D()方法的区别

    D()和M()方法的区别:D和M的区别主要在于M方法不需要创建模型类文件,M方法不会读取模型类,所以默认情况下自动验证是无效的,但是可以通过动态赋值的方式实现而D方法必须有创建模型类.我们可以用下面两种方法去创建一个数据表的映射对象第一种:$Test = D('Test')第二种:$Test = new Model('Test')虽然这两种都可以对数据进行select,insert,delete,udpate操作,在数据验证上有很大的不同,用第一种方式实例一个模型就会有数据检查功能,如果 tit

  • 页面上存在多个FckEditor编辑器的验证方法

    有时我们需要在一个页面上使用多个Fck的实例,首先需要按照id获取fck的实例.例如: 复制代码 代码如下: <FCKeditorV2:FCKeditor ID="fckDescription" runat="server" ToolbarSet="Basic" Height="250"> </FCKeditorV2:FCKeditor> 使用FCKeditorAPI.GetInstance获取Fck实

  • php在页面中调用fckeditor编辑器的方法

    刚才在论坛上看到一个童鞋分享的方法,感觉不是很全面,现在分享下我的! 复制代码 代码如下: PHP页面: /* 编辑器 */ include_once "../include/fckeditor/fckeditor.php";//把编辑器引进来 $editor = new FCKeditor('content');//表单项的名称 $editor->BasePath = "/fckeditor/";//编辑器所在目录 $editor->ToolbarSe

  • ASP.NET中FCKEDITOR在线编辑器的用法

    你可以将FCKEDITOR放置到任何文件夹,默认情况下,将其放入到FCKEDITOR文件夹是最为简单的方法.如果你放入的文件夹使用别的名称,请修改配置文件夹中编辑器BasePath参数,如下所示: oFckeditor.BasePath="/Components/fckeditor/"; 另外,FCKEDITOR文件夹中所有以下划线开头的文件夹及文件,都是可选的,可以安全的从你的发布中删除.它们并不是编辑器运行时必需的 如何将FCKEDITOR整合进我的页面? 由于目前的版本提供的FC

  • thinkphp中session和cookie无效的解决方法

    本文实例讲述了thinkphp中session和cookie无效的解决方法.分享给大家供大家参考.具体分析如下: 问题描述: 在本地调试时session和cookie是用没有问题的,我是用session保存当前登录账户的信息,上传服务器之后,发现跳转之后session不复存在,为什么呢?在当前页面输出session是存在的. 遇到这个问题三天了,因为是自学没有老师可以请教,身边也没有几个是弄PHP的,所以真的是很悲剧,于是乎百度,而百度上很多人都是屁话连天,没有什么可以解决问题的,经过三天的修改

随机推荐