uedit学习小结

最新推荐文章于 2024-07-01 15:09:20 发布

大数据球球

最新推荐文章于 2024-07-01 15:09:20 发布

阅读量1k

点赞数

分类专栏： uedit 文章标签： uedit

本文链接：https://blog.csdn.net/Q1059081877Q/article/details/46754687

版权

uedit 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码...

使用uedit首先配置：

从官网下载最新的uedit（可以自己定制自己想要的那些控件），官网网址:http://ueditor.baidu.com/website/

项目中使用uedit：

1：把下载下来的uedit包解压，文件的根目录下建一个文件夹uedit ，用来存放uedit对应的文件，jsp文件夹下对应的是Java文件要放到Java文件对应的包中，lib下面是uedit用到的jar文件要放到项目的lib下面，这样整个项目不会报错了。

2，文件都放好了要在页面中引用uedit了。

首先页面要加载ueditor.all.js和ueditor.config.js两个js文件。

然后页面要加入uedit

<script id="editor" type="text/plain" name="post.post_content" style="width:1024px;height:500px;">${ post.post_content }</script>

实例化编辑器
建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例

<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor');



</script>

然后是在ueditor.config.js 配置一下window.UEDITOR_HOME_URL = "/FormSite/ueditor/";路径

这是我的配置：

文件的上传路径是在config.json修改

如果服务器是tomcat，文件谁上传到发布目录下对应的你现在设置的imagePathFormat目录,如果没有系统会给你自动生成，要上传到自己想要的位置，要更改tomcat的发布位置

如果你要上传不成功可以再写一个filter：

package com.form.filter;

import java.io.IOException;
 
 import javax.servlet.FilterChain;
 import javax.servlet.ServletException;
 import javax.servlet.ServletRequest;
 import javax.servlet.ServletResponse;
 import javax.servlet.http.HttpServletRequest;
 
 import org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter;
 
 public class EditorStrutsFilter extends StrutsPrepareAndExecuteFilter{
     public void doFilter(ServletRequest req, ServletResponse res,
             FilterChain chain) throws IOException, ServletException {
         HttpServletRequest request = (HttpServletRequest) req;
         String url = request.getRequestURI();        
         System.out.println(url);        
         if (url.contains("/jsp/")) {            
             System.out.println("user self filter");            
            chain.doFilter(req, res);        
         }else{            
             System.out.println("user defined filter");            
             super.doFilter(req, res, chain);        
         }
   }
 }

加入到web.xml中

<filter>
        <filter-name>struts2</filter-name>
         <filter-class>com.form.filter.EditorStrutsFilter</filter-class>
     </filter>

而原来的

<!-- 配置struts2 -->
<!-- 	<filter> -->
<!-- 		<filter-name>struts2</filter-name> -->
<!-- 		<filter-class> -->
<!-- 			org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class> -->
<!-- 	</filter> -->

要注释掉或者删掉

应该这样就可以了，如果再有什么其他问题以后在慢慢完善，刚学习用，就先总结到这里吧