ThinkPHP使用Ueditor的方法详解


Posted in PHP onMay 20, 2016

本文实例讲述了ThinkPHP使用Ueditor的方法。分享给大家供大家参考,具体如下:

相信很多人现在还在用着FCkeditor,以前我也在用,可是后来发现百度的Ueditor之后,发现,Ueditor比Fckeditor更好看,操作性上也比Fckeditor好多了,所以还是尝试着使用ueditor,但是在ThinkPHP框架下使用ueditor还是遇到了一些问题,也花费了一些时间去解决这些问题,这样,在这里写一个关于ThinkPHP下使用ueditor的教程,给需要使用的人。

1、在网站的根目录下建一个“Public”的文件夹,这个文件夹在ThinkPHP中可以用__PUBLIC__来替换,所以这样方便我们程序的编写,然后将ueditor文件放到这个文件夹中。

2、在我们需要使用ueditor的模板文件中导入ueditor所要使用的js和css,例如,我在App/Tpl/default/Venter/createvent.html中添加以下代码:

<script type="text/javascript" src="__PUBLIC__/ueditor/editor_config.js"></script>
<script type="text/javascript" src="__PUBLIC__/ueditor/editor_all.js"></script>
<link rel="stylesheet" href="__PUBLIC__/ueditor/themes/default/ueditor.css"/>

3、配置Ueditor相对于网站根目录的位置,这里我建议使用绝对路径,即类似于http://localhost:1080这样的路径,因为在网站项目的开发中,很多地方会用到ueditor,但是由于所用到的位置不同便导致当前目录和服务器根目录的相对路径变化,也就使得ueditor无法使用,例如,我配置的路径(配置文件:ueditor目录下的editor_config.js),将一下代码进行替换:

URL= tmp.substr(0,tmp.lastIndexOf("\/")+1).replace("_examples/","");
//这里你可以配置成ueditor目录在您网站的相对路径或者绝对路径(指以http开头的绝对路径)

替换成:

URL = "http://localhost:1080/Public/ueditor/";

4、下面便是一个对表单的使用的应用:

<form action="__ROOT__/index.php/Venter/ventChk" method="post">
  <script type="text/plain" id="Vent" style="width:500px;"></script>
  <input type="checkbox" name="opened" value="1"/>公开发表
  <input type="submit" value="发泄" />
</form>
<!--注册百度ueditor-->
<script type="text/javascript">
  var editor = new baidu.editor.ui.Editor({
    toolbars:[['Spechars','Emotion','InsertImage','Bold','Italic','ForeColor','FontFamily','FontSize', ]],//自定义ueditor工具栏
    initialContent: '<span style="color:#ccc">点击这里发泄吧</span>',
    minFrameHeight: 100,//初始化框架大小
    autoFloatEnabled: false,//工具栏自动浮动-》关闭
    textarea:'myVent'//form表单将通过该参数获得表单提交的数据
  });
  editor.render("Vent");
</script>
<!--百度Ueditor注册完毕-->

如上面代码所示,可以通过$_POST['myVent']来获取Ueditor编辑区的内容。

5、在Thinkphp中如何去使用呢?首先要先将得到的内容提交进行转义,这里我们使用以下代码:

$content = htmlspecialchars(stripslashes(POST['myVent']));

这之后的操作便是将$content插入到数据库中(这里不再多说)。

6、从数据中提取数据并进行转义使得内容可以正常显示:

$vent = new VenterModel;
$list = $vent->select();
$this->assign("list",$list)

这样在相应的html模板中可以这样来显示内容:

<volist name="list" id="vo">
{$vo.content|htmlspecialchars_decode}
</volist>

这里用到了thinkphp模板的一个用法,即可以在模板中使用函数,这里便使用了函数htmlspecialchars_decode来对$vo,content进行转义,上面的代码可以看成是这样:

htmlspecialchars_decode($vo.content),在这里的这个方法的选择上我用了很长时间,当时没有考虑到这个方法,当时只是想着,由于htmlspecialchars_decode函数接受的传值不能是数组,所以从数据库中提取的数据便不能直接传给他,后来想可以通过遍历数组的方法来让数组内每个元素都htmlspecialchars_decode一下,虽然可以将内容转义,但是却不能在模板中显示了,直到最后看了一些官方的手册,才想到了这里,所以做程序,一定要多看看官方的文档,很多问题便能解决。

PHP 相关文章推荐
一个多文件上传的例子(原创)
Oct 09 PHP
一段防盗连的PHP代码
Dec 06 PHP
php中autoload的用法总结
Nov 08 PHP
使用php的HTTP请求的库Requests实现美女图片墙
Feb 22 PHP
php中 ob_start等函数截取标准输出的方法
Jun 22 PHP
PHP实现的简单缓存类
Jul 29 PHP
phalcon框架使用指南
Feb 23 PHP
Zend Studio使用技巧两则
Apr 01 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
Apr 09 PHP
thinkPHP多表查询及分页功能实现方法示例
Jul 03 PHP
利用PHP_XLSXWriter代替PHPExcel的方法示例
Jul 16 PHP
PHP单例模式与工厂模式详解
Aug 29 PHP
thinkphp3.x中变量的获取和过滤方法详解
May 20 #PHP
thinkphp3.x中session方法的用法分析
May 20 #PHP
PHP编写登录验证码功能 附调用方法
May 19 #PHP
一段实用的php验证码函数
May 19 #PHP
thinkphp3.x中cookie方法的用法分析
May 19 #PHP
thinkphp3.x中display方法及show方法的用法实例
May 19 #PHP
thinkphp3.x连接mysql数据库的方法(具体操作步骤)
May 19 #PHP
You might like
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
PHP实现浏览器格式化显示XML的方法示例
2019/01/22 PHP
JS操作XML中DTD介绍及使用方法分析
2019/07/04 PHP
laravel接管Dingo-api和默认的错误处理方式
2019/10/25 PHP
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
js select下拉联动 更具级联性!
2020/04/17 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
JavaScript实现隐藏省略文字效果的方法
2017/04/27 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
2020/04/23 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
python网页请求urllib2模块简单封装代码
2014/02/07 Python
使用Python的Flask框架实现视频的流媒体传输
2015/03/31 Python
彻底理解Python list切片原理
2017/10/27 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
对Python 除法负数取商的取整方式详解
2018/12/12 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
使用Python实现文字转语音并生成wav文件的例子
2019/08/08 Python
屏蔽Django admin界面添加按钮的操作
2020/03/11 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
初二物理教学反思
2014/01/29 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
合作协议书模板2014
2014/09/26 职场文书
领导批评与自我批评范文
2014/10/16 职场文书
校长新学期寄语2016
2015/12/04 职场文书
Python利用capstone实现反汇编
2022/04/06 Python
mapstruct的用法之qualifiedByName示例详解
2022/04/06 Java/Android
Go语言怎么使用变长参数函数
2022/07/15 Golang