当前位置:首页 >> 休闲

Dedecms 百度编辑器插件Ueditor 1.2.1GBK

  • 休闲
  • 2026-07-18 22:47:05
  • 7278

独霸编制 :下载上往,度编里面有个文件夹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,编辑器,所见即所得,源码时代

  • 关注微信

猜你喜欢

热门阅读

  • 公安工作法治化程度不竭汲引
  • 名望手机若何设置时分为24小时制
  • 苹果长了一小块霉斑削损掉落踪落此后剩下的部分可以吃吗
  • 拜年经常独霸吉祥语五福临门中的五福指的是哪五福?蚂蚁庄园五福临门的五福
  • 山东潍坊一平易近警浴血擒获持刀毒贩
  • MIUI13若何封锁无遏制按钮

关注我们

微信公众号