UEditor使用方法

最新推荐文章于 2024-08-02 12:04:32 发布

zhxilo

最新推荐文章于 2024-08-02 12:04:32 发布

阅读量3.3w

点赞数 3

分类专栏： UEditor 编辑器文章标签： stylesheet apache url jsp string 浏览器

本文链接：https://blog.csdn.net/zhxilo/article/details/7061152

版权

编辑器同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

UEditor

1 篇文章 0 订阅

订阅专栏

UEditor是百度的编辑器，界面美观，功能强大，用起来还不错。

详见该链接http://ueditor.baidu.com/

一、下载

http://ueditor.baidu.com/download.html

二、部署

目前最新版本为1.1.7.3

下载下来的文件名为ueditor1.1.7.3.zip

把解压出来的ueditor文件夹整个复制到项目WebRoot下

1.页面<head>里增加以下代码

<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>
<link rel="stylesheet" type="text/css" href="ueditor/themes/default/ueditor.css"/>

2.页面<body>里增加以下代码

<div id="newscontent"></div>
<script type="text/javascript">
	var editor = new baidu.editor.ui.Editor();
	editor.render('newscontent');
</script>

打开浏览器，输入相应地址，一个漂亮的编辑器就出现了，但表情和上传文件这块还需要更改一下配置

三、修改配置，增加上传

打开editor_config.js文件，修改URL的值

var URL= "ueditor/";

保存，刷新一下页面，表情是不是可以出来了？

文件上传默认用的是ueditor/server/upload/php/up.php进行上传的，如果用jsp上传，需要修改两个地方

1.修改ueditor/dialogs/image/image.html页面里第304行和ueditor/dialogs/wordimage/wordimage.html页面第82行，改为使用up.jsp进行上传，这里面用的是apache的fileupload组件，所以要导入apache commons组件中的fileupload和io这两个jar包

url:'../../server/upload/jsp/up.jsp',

2.修改ueditor/server/jsp/up.jsp，指定文件的保存路径

//保存文件路径
String filePath = "uploadfiles";
String realPath = "D:\\apache-tomcat-6.0.26\\webapps\\test\\"+filePath;

这样一切就OK了，刷新页面测试一下！

zhxilo

关注

3
点赞
踩
16

收藏

觉得还不错? 一键收藏
18
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录