嵌入百度UEditor到JAVA+MAVEN+SpringMVC项目中
2016-10-26 19:42
489 查看
1、下载UEditor JSP版本
http://ueditor.baidu.com/website/download.html
2、嵌入UEditor 到项目
1、解压刚刚下载的ueditor1_4_3_3-utf8-jsp.zip后;
2、然后把文件夹名称修改成ueditorutf8或者ueditor等容易辨识的文件夹名称;
3、把修改好名字的文件夹嵌入到JAVA项目的webapp;
4、把ueditorutf8/jsp/lib文件夹下的JAR 复制加入到WEB-INF文件夹下的lib文件夹;
5、选中刚刚拷贝好的jar文件,右键后Build Path--->add 到项目中;
![](https://img-blog.csdn.net/20161026195613443?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
3、配置spring-mvc.xml的权限与资源
1、设置静态资源
2、跳过权限限制
如果没有有设置拦截器,不用执行这一步
如果有则添加下列代码中的“不需要拦截的地址”节点
4、新增JSP页面
5、执行效果
程序的内容不属于本博客的内容,指定跳转到上一步新增的JSP页面
执行效果如下图:
http://ueditor.baidu.com/website/download.html
2、嵌入UEditor 到项目
1、解压刚刚下载的ueditor1_4_3_3-utf8-jsp.zip后;
2、然后把文件夹名称修改成ueditorutf8或者ueditor等容易辨识的文件夹名称;
3、把修改好名字的文件夹嵌入到JAVA项目的webapp;
4、把ueditorutf8/jsp/lib文件夹下的JAR 复制加入到WEB-INF文件夹下的lib文件夹;
5、选中刚刚拷贝好的jar文件,右键后Build Path--->add 到项目中;
3、配置spring-mvc.xml的权限与资源
1、设置静态资源
<mvc:resources mapping="/ueditorutf8/**" location="/ueditorutf8/**" cache-period="31556926" />
2、跳过权限限制
如果没有有设置拦截器,不用执行这一步
如果有则添加下列代码中的“不需要拦截的地址”节点
<span style="white-space:pre"> </span><!-- Session失效拦截 --> <mvc:interceptors> <!-- 定义拦截器 --> <mvc:interceptor> <!-- 匹配的是url路径, 如果不配置或/**,将拦截所有的Controller --> <mvc:mapping path="/**" /> <!-- 不需要拦截的地址 --> <mvc:exclude-mapping path="/ueditorutf8/**" /> </mvc:interceptor> </mvc:interceptors>
4、新增JSP页面
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <base href="<%=basePath%>"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- 配置文件 --> <script type="text/javascript" src="/ueditorutf8/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="/ueditorutf8/ueditor.all.js"></script> <!-- 语言包文件(建议手动加载语言包,避免在ie下,因为加载语言失败导致编辑器加载失败) --> <script type="text/javascript" src="/ueditorutf8/lang/zh-cn/zh-cn.js"></script> <title>Insert title here</title> </head> <body> <script id="container" name="content" type="text/plain">这里写你的初始化内容</script> <script type="text/javascript"> var editor = UE.getEditor('container', { //默认的编辑区域高度 initialFrameHeight : 300, //默认的编辑区域宽度 initialFrameWidth : 800 }) </script> </body> </html>
5、执行效果
程序的内容不属于本博客的内容,指定跳转到上一步新增的JSP页面
执行效果如下图:
相关文章推荐
- 基于maven的springmvc+mybatis的javaweb项目
- java 搭建基于springboot的ssm(spring + springmvc + mybatis)的maven项目
- java 搭建基于springboot的ssm(spring + springmvc + mybatis)的maven项目
- 简单MVC项目搭建--Java1.7+Eclipse luna + Maven 3.2.5 +spring 4.1.4
- java搭建基于springboot的ssm(spring + springmvc + mybatis)的maven项目
- 简单MVC项目搭建--Java1.7+Eclipse luna + Maven 3.2.5 +spring 4.1.4
- 简单MVC项目搭建--Java1.7+Eclipse luna + Maven 3.2.5 +spring 4.1.4
- eclipse 中创建 整合springmvc+mybatis+maven 的java web项目步骤,以及maven仓库配置
- Intellij IDEA采用Maven+Spring MVC+Hibernate的架构搭建一个java web项目
- Java - SpringMVC+iBatis maven工程项目增删改查实例入门+源码
- Java maven项目集成ueditor(百度本编辑器)插件详解
- Java后台开发<二>:Spirng+SpringMVC+Maven+Mybatis+MySQL项目搭建
- java 搭建基于springboot的ssm(spring + springmvc + mybatis)的maven项目
- eclipse maven+mybatis+spring+springmvc 项目启动报错:java.lang.ClassNotFoundException: org.aspectj.weaver.r
- 记录-项目java项目框架搭建的一些问题(maven+spring+springmvc+mybatis)
- java SSM(Spring+SpringMVC+MyBatis)maven项目 intellij idea 2017配置 MAC,(Linux,ubuntu,centos 只要更改相应目录即可)
- JAVA学习6:用Maven创建Spring3 MVC项目
- MVC项目搭建--Java1.7+Eclipse luna + Maven 3.2.5 +spring 4.1.4
- spring+springmvc+hibernate架构、maven分模块开发例子小项目案例