thinkPHP下ueditor的使用方法详解
2015-12-26 10:59
811 查看
1、首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html
2、下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下,admin为后台的访问入口文件目录。
3、在项目中的使用
首先需要引入核心的js文件:
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="__PUBLIC__/admin/ueditor/ueditor.all.js"></script>
然后再文件中加入<textarea>标签,注意设置id属性
接着是初始化编辑器,注意配置路径
<script type="text/javascript" charset="utf-8"> window.UEDITOR_HOME_URL = "__PUBLIC__/admin/ueditor/"; window.onload=function(){ window.UEDITOR_CONFIG.initialFrameHeight=300;//编辑器的高度 window.UEDITOR_CONFIG.initialFrameWidth=800;//编辑器的宽度 var editor = new UE.ui.Editor({ imageUrl : '__APP__/Editor/uploadImage', fileUrl : '__APP__/Editor/uploadFile', imagePath : '', filePath : '', imageManagerUrl:'__APP__/Editor/imageManage', //图片在线管理的处理地址 imageManagerPath:'__ROOT__/' }); editor.render("EditorId"); } </script>
注意:
1、UEDITOR_HOME_URL的路径配置为ueditor所在的位置。
2、图片上传路径的配置
3、editor.render("textarea的id一致");
至此一个便算基本完成。
但是,在IE9下,编辑器没有一点效果,这是怎么回事呢?
在IE9下,需要把
路径设置代码,放在引入js文件和初始化之间。
希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- kindeditor 批量上传 上传失败 thinkphp swfupload session
- ThinkPHP关联模型操作实例分析
- thinkphp3.0 模板中函数的使用
- ThinkPHP采用<volist>实现三级循环代码实例
- Thinkphp模板标签if和eq的区别和比较实例分析
- 合并ThinkPHP配置文件以消除代码冗余的实现方法
- ThinkPHP中自定义目录结构的设置方法
- ThinkPHP控制器详解
- ecshop后台编辑器替换成ueditor编辑器
- jquery可定制的在线UEditor编辑器
- ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
- 解析thinkphp中的M()与D()方法的区别
- ThinkPHP采用模块和操作分析
- 关于UEditor编辑器远程图片上传失败的解决办法
- Thinkphp模板中使用自定义函数的方法
- linux下使用ThinkPHP需要注意大小写导致的问题
- ThinkPHP中FCKeditor编辑器的使用方法
- thinkphp的CURD和查询方式介绍
- THINKPHP支持YAML配置文件的设置方法
- Thinkphp中import的几个用法详细介绍