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 相关文章推荐
图书管理程序(二)
Oct 09 PHP
火车采集器 免费版使出收费版本功能实现原理
Sep 17 PHP
简单了解PHP编程中数组的指针的使用
Nov 30 PHP
PHP正则表达式过滤html标签属性(DEMO)
May 04 PHP
微信支付扫码支付php版
Jul 22 PHP
修改Laravel5.3中的路由文件与路径
Aug 10 PHP
PHP基于反射机制实现插件的可插拔设计详解
Nov 10 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
Feb 07 PHP
PHP使用SMTP邮件服务器发送邮件示例
Aug 28 PHP
Yii2.0建立公共方法简单示例
Jan 29 PHP
统计PHP目录中的文件数方法
Mar 05 PHP
laravel 如何实现引入自己的函数或类库
Oct 15 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
解析thinkphp的左右值无限分类
2013/06/20 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
php删除一个路径下的所有文件夹和文件的方法
2018/02/07 PHP
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
js 刷新页面的代码小结 推荐
2010/04/02 Javascript
JavaScript的单例模式 (singleton in Javascript)
2010/06/11 Javascript
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
javascript判断图片是否加载完成的方法推荐
2016/05/13 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
2016/12/14 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
Vue的实例、生命周期与Vue脚手架(vue-cli)实例详解
2017/12/27 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
一次让你了解全部JavaScript的作用域
2019/06/24 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
vue项目中使用rem,在入口文件添加内容操作
2020/11/11 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
python使用标准库根据进程名如何获取进程的pid详解
2017/10/31 Python
python机器学习之神经网络(一)
2017/12/20 Python
pyhton列表转换为数组的实例
2018/04/04 Python
Python GUI编程完整示例
2019/04/04 Python
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
python每天定时运行某程序代码
2019/08/16 Python
Python生成验证码、计算具体日期是一年中的第几天实例代码详解
2019/10/16 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
HTML中使用SVG与SVG预定义形状元素介绍
2013/06/28 HTML / CSS
茵宝(Umbro)英国官方商店:英国足球服装生产商
2016/12/29 全球购物
Java中的类包括什么内容?设计时要注意哪些方面
2012/05/23 面试题
消防安全管理制度
2014/02/01 职场文书
3.12植树节活动总结2014
2014/03/13 职场文书
公司会议策划方案
2014/05/17 职场文书
小学远程教育工作总结
2015/08/13 职场文书
情感电台广播稿
2015/08/18 职场文书