thinkPHP下ueditor的使用方法详解,
本文实例讲述了thinkPHP下ueditor的使用方法。分享给大家供大家参考,具体如下:
1、首先需要下载ueditor,下载地址:http://ueditor.baidu.com/website/download.html
2、下载对应的php版的,下载后重命名为ueditor,根据需要放到对应的项目目录中。我放的位置为Public/admin文件夹下,admin为后台的访问入口文件目录。
3、在项目中的使用
立即学习“PHP免费学习笔记(深入)”;
首先需要引入核心的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>
然后再文件中加入
本书图文并茂,详细讲解了使用LAMP(PHP)脚本语言开发动态Web程序的方法,如架设WAMP平台,安装与配置开源Moodle平台,PHP程序设计技术,开发用户注册与验证模块,架设LAMP平台。 本书适合计算机及其相关专业本、专科学生作为学习LAMP(PHP)程序设计或动态Web编程的教材使用,也适合对动态Web编程感兴趣的读者自觉使用,对LAMP(PHP)程序设计人员也具有一定的参考价值。
接着是初始化编辑器,注意配置路径
<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下,需要把
复制代码 代码如下:window.UEDITOR_HOME_URL = "__PUBLIC__/ueditor/";
路径设置代码,放在引入js文件和初始化之间。
希望本文所述对大家基于thinkPHP框架的php程序设计有所帮助。
您可能感兴趣的文章:
- ThinkPHP中使用Ueditor富文本编辑器
- ThinkPHP整合百度Ueditor图文教程
- ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
- thinkPHP中分页用法实例分析
- thinkPHP中验证码的简单使用方法










