uedit学习小结

来源：互联网发布：翻唱好听的网络女歌手编辑：程序博客网时间：2024/06/05 15:03

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> -->

要注释掉或者删掉

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

0 0