文本编辑器  百度出的  ueditor

最新推荐文章于 2021-06-09 17:05:10 发布

feiniu5566

最新推荐文章于 2021-06-09 17:05:10 发布

阅读量1.9k

点赞数

分类专栏： IT编程

本文链接：https://blog.csdn.net/feiniu55662/article/details/13624673

版权

IT编程专栏收录该内容

50 篇文章 0 订阅

订阅专栏

      
    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包 
      
 这两个地方你修改了吗？

feiniu5566

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文本编辑器  百度出的  ueditor

UEditor使用方法分类： UEditor 编辑器2011-12-1114:35 1908人阅读评论(3) 收藏举报UEditor是百度的编辑器，界面美观，功能强大，用起来还不错。详见该链接http://ueditor.baidu.com/一、下载http://ueditor.baidu.com/download.html二、部署目前最新版本为1.1.7.3下载下来
复制链接

扫一扫