百度富文本编辑器UEditor配置及功能实现详解
4星 · 超过85%的资源 需积分: 50 178 浏览量
2013-04-26
10:14:43
上传
评论 3
收藏 41KB DOCX 举报 
一. UEditor 文件下载
请根据需要到官方网站 http://ueditor.baidu.com/website/download.html 下载。官网提
供 UBulider 版和开发版的最新下载包，UBulider 版相比后者不包含开发源码、代码示例、开发合并
工具等。两个版本还分别提供适应 PHP、.NET 或 JSP 服务器端的下载包，请根据实际需要选择。
二. UEditor 文件部署
以 1.2.5.1 jsp 开发版本为例说明。
1. 在 WebRoot 目录下新建文件夹存放相关资源文件，此处名为 ueditor。
2. 拷贝源码包中的 dialogs、lang、themes、third-party、editor_all.js 和
editor_config.js 到 ueditor 文夹中。
部署完成的目录结构见下图：
3. 在使用编辑器的 jsp 页面导入两个 js 文件，代码如下
<script type="text/javascript" charset="utf-8"
src="ueditor/editor_config.js">
</script>
<script type="text/javascript" charset="utf-8"
src="ueditor/editor_all.js">
</script>
4. 在 jsp 页面创建编辑器容器并实例化编辑器，代码如下
<div>
<script id="editor" type="text/plain">这里可以书写，编辑器的初始内
容</script>
</div>
<script type="text/javascript">
//实例化编辑器
var ue = UE.getEditor('editor');
ue.addListener('ready',function(){
this.focus();
});
</script>
评论23
最新资源