独霸编制
:下载上往,度编里面有个文件夹ueditor,辑器把这个文件夹复制到 include 里面
。插件此外把膨胀文件里面的度编 inc_fun_funAdmin. php 放到 include/inc 目次更调损掉落踪落便可(本来的先备份) 。然后在 琐细—琐细根本参数—中心设置—Html编辑器 ,辑器那儿何处 ,插件输进 ueditor[...]
往日给大年夜师引见一款由百度斥地的度编UEditor ,这个编辑器终局不错
,辑器用得起来也很利便复杂
,插件大年夜师在斥地的度编时辰可以用到这款编辑器。
起首,辑器我们需求在网凹凸载这款编辑器:
百度编辑器下载地址 :http://ueditor.百度.com/build/build_down.php?插件n=ueditor&v=1_4_3_3-utf8-jsp
我这里下载的是支撑jsp的最新版本,它另有支撑php,度编.net的此外版本 。
一 完成根本设置设备放置 :
1.将下载的辑器文件解压到我们的JavaWeb项目中(以下图):

2.把照顾的jar包导进到项目中(以下)

这几个jar包可以在/ueditor/jsp/lib中找到
3.新建一个demo.jsp,在页面上完成上面的插件代码 ,便可以看到终局
<body><!-- 这里就是用来展示HTML的内容 --> <script id="container" name="content" type="text/plain"> 初始化展示 </script> <!-- 引进设置设备放置文件 --> <script type="text/javascript" src="/js/ueditor/ueditor.config.js"></script> <!-- 引进编辑器源码文件 --> <script type="text/javascript" src="/js/ueditor/ueditor.all.js"></script> <!-- 实例化编辑器 (寄看,这里拿的是上面展示HTML内容的script的id) --> <script type="text/javascript"> UE.getEditor('container'); </script></body>末尾展示的终局以下:

大年夜师可以看到
,这里可以完成各类设置(包含字体,表格,容貌外形,图片等对象),集团看来,终局仍长短常不错的 。
二 参数设置设备放置终局
完成根本的设置设备放置之 ,我们又要进修一下,看若何来举办一些经常独霸参数的设置设备放置 。
上面我做了一个只需很根本的下场,然后孤单筹划了编辑器的高度与宽度
UE.getEditor('container',{ toolbars: [ [ 'fullscreen', //全屏下场 'source', //搜检源码 'undo', //消弭 'redo', //重做 'bold' //加粗 ] ], initialFrameWidth : 600, //初始代编辑器的宽度 initialFrameheight: 700 //初始代编辑器的高度});终局以下:

三 上传图片下场
接上往我们复杂说一下插件的上传图片下场 ,上传下场是自带的,假定你是jsp+servlet特别很是复杂 ,直接独霸便可以了 ,可是我们可以往筹划上传的路途与称号 。 大年夜师可以在config.json文件中找到这个设置设备放置 :文件的职位:

文件中改削的职位(设置到本身需求的职位) :

上面是上传了图片后的终局:

四 Struts2的上传下场
上面做一个扩大年夜大年夜大年夜大年夜,假定我们的项目是独霸的Struts2,那么Struts2的中心过滤器会招致我们的上传损掉落踪落效 。
新建一个过滤器
package cn.itsources.web.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;/** * 新成立一个过滤器,延续struts2的过滤器 * @author Administrator * */public class UeditorStrutsFilter extends StrutsPrepareAndExecuteFilter { public void doFilter(ServletRequest req, ServletResponse res,FilterChain chain) throws IOException, ServletException { HttpServletRequest request = (HttpServletRequest) req; String url = request.getRequestURI(); //这里把上传的controller.jsp 过滤出往
,不让Struts2来治理 if ("/js/ueditor/jsp/controller.jsp".equals(url)) { System.out.println("不经由Sturts2..."); chain.doFilter(req, res); }else{ super.doFilter(req, res, chain); } } }web.xml独霸新的过滤器便可
<!-- 设置设备放置中心过滤器 --> <filter> <filter-name>struts2</filter-name> <filter-class>cn.itsources.web.filter.UeditorStrutsFilter</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping>
#标签 :UEditor,编辑器,所见即所得,源码时代