thinkPHP下ueditor的使用方法详解


Posted in PHP onDecember 26, 2015

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

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属性

<textarea name="content" id="EditorId"> </textarea>

接着是初始化编辑器,注意配置路径

<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程序设计有所帮助。

PHP 相关文章推荐
PHP+javascript模拟Matrix画面
Oct 09 PHP
在PHP中使用curl_init函数的说明
Nov 02 PHP
解析:使用php mongodb扩展时 需要注意的事项
Jun 18 PHP
PHP中date与gmdate的区别及默认时区设置
May 12 PHP
php使用pack处理二进制文件的方法
Jul 03 PHP
访问编码后的中文URL返回404错误的解决方法
Aug 20 PHP
PHP异常处理浅析
May 12 PHP
分享php分页的功能模块
Jun 16 PHP
基于PHP技术开发客服工单系统
Jan 06 PHP
Yii中的relations数据关联查询及统计功能用法详解
Jul 14 PHP
php更新cookie内容的详细方法
Sep 30 PHP
PHP 加密 Password Hashing API基础知识点
Mar 02 PHP
thinkPHP中分页用法实例分析
Dec 26 #PHP
thinkPHP中验证码的简单使用方法
Dec 26 #PHP
分享50个提高PHP执行效率的技巧
Dec 26 #PHP
PHP获取二维数组中某一列的值集合
Dec 25 #PHP
PHP版本升级到7.x后wordpress的一些修改及wordpress技巧
Dec 25 #PHP
WordPress中创建用户角色的相关PHP函数使用详解
Dec 25 #PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
Dec 25 #PHP
You might like
全国FM电台频率大全 - 2 天津市
2020/03/11 无线电
德生S2000电路分析
2021/03/02 无线电
php使用指定编码导出mysql数据到csv文件的方法
2015/03/31 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
多浏览器支持的右下角浮动窗口
2010/04/01 Javascript
JSON 教程 json入门学习笔记
2020/09/22 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
js iframe跨域访问(同主域/非同主域)分别深入介绍
2013/01/24 Javascript
jquery获取及设置outerhtml的方法
2015/03/09 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
jQuery实现的导航下拉菜单效果示例
2016/09/05 Javascript
jquery+ajax实现省市区三级联动 (封装和不封装两种方式)
2017/05/15 jQuery
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
分析python服务器拒绝服务攻击代码
2014/01/16 Python
Python正则表达式匹配HTML页面编码
2015/04/08 Python
python中的代码编码格式转换问题
2015/06/10 Python
Python制作数据导入导出工具
2015/07/31 Python
Python基于回溯法子集树模板解决选排问题示例
2017/09/07 Python
Python变量访问权限控制详解
2019/06/29 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
CSS3 background-image颜色渐变的实现代码
2018/09/13 HTML / CSS
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
委托书范本
2014/04/02 职场文书
实习生岗位职责
2014/04/12 职场文书
司法建议书范文
2014/05/13 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
2016年度员工工作表现评语
2015/12/02 职场文书
小程序实现侧滑删除功能
2022/06/25 Javascript