百度UEditor使用总结

作者:stoat 发布时间:2014-08-19 分类:心得

使用了UEditor结合PHP做后台编辑,小小写个总结。

优点:轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码。


  • UEditor下载地址:http://ueditor.baidu.com/website/download.html#ueditor
  • API文档地址:http://ueditor.baidu.com/doc/
  • UEditor文档:http://fex-team.github.io/ueditor/

1,用户自定义配置


  1. 直接修改editor_config.js文件,优先级高于系统默认配置;
  2. 修改实例化编辑器时传入的参数,优先级最高。

2,百度UEditor的实例化


var ue = UE.getEditor('[html标签ID名称]', {
	toolbars: [
		[ 'source', 'undo', 'redo', 'bold', 'insertimage']//定制工具栏,不填写则使用默认配置
	],
	autoHeightEnabled: true,
	autoFloatEnabled: true
});

3,百度UEditor自动加载内容,在编辑文章的时候需要预先加载文章内容到编辑器,实例化代码:


var ue = UE.getEditor('[html标签ID名称]', {
	toolbars: [
		[ 'source', 'undo', 'redo', 'bold', 'insertimage']//定制工具栏,不填写则使用默认配置
	],
	autoHeightEnabled: true,
	autoFloatEnabled: true,
	onready:function(){//创建一个编辑器实例
		//this.setContent('预加载内容');
		this.setContent('');
	}
});

4,百度UEditor上传附件提示未找到上传文件,此情况背景:本地上传无错误,上传到服务器后传附件提示未找到上传文件。

经查明,代码本身无错误,配置无错误。apache服务器默认post_max_size = 8M,调大点。另外,在php.ini文件把相关的全部数据都调大点,修改完成后重启服务器。

原文地址:百度UEditor使用总结 by 雪鼬博客

标签:UEditor

评论已关闭