thinkphp下ueditor的使用
来源:互联网 发布:淘宝评价过后怎么截图 编辑:程序博客网 时间:2024/05/17 02:44
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下ueditor的使用
- ThinkPHP下使用Ueditor
- ThinkPHP下使用Ueditor
- Thinkphp 使用UEditor
- thinkphp中使用ueditor方法
- springmvc下富文本UEditor的使用
- thinkphp框架中使用ueditor入门
- yii2basic下使用ueditor
- 关于UEditor和thinkphp在一起的问题
- Thinkphp下嵌套UEditor富文本WEB编辑器
- Thinkphp下嵌套UEditor富文本WEB编辑器
- UEditor如何使用?UEditor的配置教程
- 百度UEditor的使用
- 百度UEditor的使用
- ueditor的使用
- UEditor的使用
- ueditor的使用
- 使用Baidu的Ueditor
- 数据库插入时自增长的处理
- sscanf,sscanf_s及其相关用法
- 我的博客开张了,关于机器视觉,欢迎大家!
- OpenStack中遇到的MTU问题 ( by quqi99 )
- sqlserver中锁表应用
- thinkphp下ueditor的使用
- grunt 入门教程五:完整示例(完结篇)
- android--imageview的小技巧
- FZU 2138 2139 久违的月赛之一(二)(贪心)
- 条件指示符 #ifdef 的用法
- MyEclipse10搭建安卓环境
- ubuntu 安装后如何设置root密码
- hdu-4510-小Q系列故事——为什么时光不能倒流
- android--获取系统时间并作为文件名