ueditor富文本的使用以及“未找到上传文件”时的解决办法
2016-07-17 16:06
555 查看
一.根据需要去官网下载ueditor文件进行解压;
二.把ueditor文件夹复制到java项目Webroot文件夹下;
1.ueditor中修改jsp中config.json中的配置。
"imageUrlPrefix": "/test01/", /*test01为项目名 */
"imagePathFormat": "picture/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 picture为Webroot下创建的空文件夹 */
2.ueditor中修改ueditor.config.js中的配置
var URL = window.UEDITOR_HOME_URL ="/test01/ueditor/";
var URL = window.UEDITOR_HOME_URL || "/test01/ueditor/";
3.jsp中lib文件夹中的包拷贝到web-inf文件夹中的lib包中。
4.页面中使用富文本
<script id="container" name="container" type="text/plain">初始化内容</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script><!-- 配置文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/ueditor/ueditor.all.js"></script><!-- 编辑器源码文件 -->
<script type="text/javascript">
var ue=UE.getEditor('container');
</script><!-- 实例化编辑器 -->
三.如果在ssh中使用富文本,需进行过滤器配置,否则上传文件或附件时提示“未找到上传文件”
1.需要进行配置过滤器
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();
if (url.contains("/jsp/")) {
chain.doFilter(req, res);
}else{
super.doFilter(req, res, chain);
}
}
}
2.web.xml中Struts2的配置
<!-- struts2配置 -->
<!-- <filter>-->
<!-- <filter-name>Struts2</filter-name>-->
<!-- <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>-->
<!-- </filter>-->
<filter>
<filter-name>struts2</filter-name>
<filter-class>com.whcx.Action.EditorStrutsFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
二.把ueditor文件夹复制到java项目Webroot文件夹下;
1.ueditor中修改jsp中config.json中的配置。
"imageUrlPrefix": "/test01/", /*test01为项目名 */
"imagePathFormat": "picture/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 picture为Webroot下创建的空文件夹 */
2.ueditor中修改ueditor.config.js中的配置
var URL = window.UEDITOR_HOME_URL ="/test01/ueditor/";
var URL = window.UEDITOR_HOME_URL || "/test01/ueditor/";
3.jsp中lib文件夹中的包拷贝到web-inf文件夹中的lib包中。
4.页面中使用富文本
<script id="container" name="container" type="text/plain">初始化内容</script>
<script type="text/javascript" src="${pageContext.request.contextPath}/ueditor/ueditor.config.js"></script><!-- 配置文件 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/ueditor/ueditor.all.js"></script><!-- 编辑器源码文件 -->
<script type="text/javascript">
var ue=UE.getEditor('container');
</script><!-- 实例化编辑器 -->
三.如果在ssh中使用富文本,需进行过滤器配置,否则上传文件或附件时提示“未找到上传文件”
1.需要进行配置过滤器
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();
if (url.contains("/jsp/")) {
chain.doFilter(req, res);
}else{
super.doFilter(req, res, chain);
}
}
}
2.web.xml中Struts2的配置
<!-- struts2配置 -->
<!-- <filter>-->
<!-- <filter-name>Struts2</filter-name>-->
<!-- <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>-->
<!-- </filter>-->
<filter>
<filter-name>struts2</filter-name>
<filter-class>com.whcx.Action.EditorStrutsFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>struts2</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
相关文章推荐
- Fabric defect inspection using prior knowledge guided least squares regression
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- uImage在内存中无法正常启动——UBoot-2010.06在TQ2440上的移植--机器码配对
- Java多线程 之 同步队列BlockingQueue与管道(十五)
- UESTC 1150 排名表(拓扑排序、很容易错)
- [poj 3080]Blue Jeans [kmp]
- UIImage加载图片的方式以及Images.xcassets对于加载方法的影响
- virtualbox 复制虚拟机提示uuid is exists
- android打开媒体库、照相机相关代码总结及常用UI处理代码,值得收藏
- java GUI事件
- 注册收件箱监听器时,经常会警告:Exported receiver does not require permission
- Vue.js:轻量高效的前端组件化方案
- Android Studio 构建项目一直卡在 gradle build running 解决方法
- IMS Modify Call (2) receive request 收到视频升级请求
- Android屏幕适配-UI设计师不可不知的安卓屏幕知识
- 【leetcode】63. Unique Paths II