您的位置：首页 > 产品设计 > UI/UE

文本编辑器  百度出的  ueditor

2013-10-30 11:53 309 查看
 


UEditor使用方法

分类： UEditor 编辑器2011-12-11
14:35 1908人阅读 评论(3) 收藏 举报

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

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

一、下载

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

二、部署

目前最新版本为1.1.7.3

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

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

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

[html] view
plaincopy

<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>里增加以下代码

[html] view
plaincopy

<div id="newscontent"></div>  

<script type="text/javascript">  

    var editor = new baidu.editor.ui.Editor();  

    editor.render('newscontent');  

</script>  

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

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

[html] view
plaincopy

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包

[html] view
plaincopy

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

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

[html] view
plaincopy

//保存文件路径  

String filePath = "uploadfiles";  

String realPath = "D:\\apache-tomcat-6.0.26\\webapps\\test\\"+filePath;  

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

分享到： 

上一篇：CKEditor使用及开启文件上传功能(Servlet实现)

下一篇：MyEclipse6.5下安装SVN插件（link方式）

查看评论

2楼 dingdot 2012-07-30
17:36发表 [回复]





不想将解压出来的文件放在webroot下面，想放在一个指定的文件夹下在，这个路径要如何设置的，试了很多次都无法成功,请指教

1楼 joyrising 2012-01-28
09:51发表 [回复] [引用] [举报]





还是一把“X".修改url:'../../server/upload/jsp/up.jsp',为保存文件路径

String filePath = "uploadfiles";

String realPath =
"D:\\apache-tomcat-6.0.26\\webapps\\test\\"+filePath;

似乎不起作用，理由是：修改完后，把up.php删除，上传不成功，不删除up.php可以成功上传，说明虽然修改了上传用的文件为url:'../../server/upload/jsp/up.jsp',，但是它还是调用up.ph上传。请高手指点！

Re: zhxilo 2012-02-04
11:32发表 [回复] [引用] [举报]





回复joyrising：文件上传默认用的是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包

这两个地方你修改了吗？
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航