UEditor入门(一)集成进Java Web项目

UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧,贴吧每天几亿的pv是对UM各种指标的最好测试平台。 当然随着代码的减少,UM的功能对于UE来说还是有所减少,但我们经过调研和大家对于UM提出的各种意见,提供了现在UM的功能版本, 虽然有删减,但也有增加,比如拖拽图片上传,chrome的图片拖动改变大小等。让UM能在功能和体积上达到一个平衡。UM还会提供 CDN方式,减少大家部署的成本。我们的目标不仅是要提高在线编辑的编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。

下载UEditor:ueditor1_3_6-utf8-jsp.zip

(1)下载,解压后文件结构如下:

UEditor入门(一)集成进Java Web项目_第1张图片

(2)将整个文件夹改名ueditor后复制到WebRoot目录下:

UEditor入门(一)集成进Java Web项目_第2张图片

(3)将“jsp”文件夹下面的两个jar文件直接拖到WEB-INF下面的lib文件夹中。

(4)index.jsp代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


	
		
		My JSP 'index.jsp' starting page
		
		
		
		
		
		
		
		
		
		
		
	
	
		
		
	


(5)项目运行结果:

UEditor入门(一)集成进Java Web项目_第3张图片





下一步介绍定制功能,边学边写。挺不错的控件,币ckeditor轻量不少,用起来会更灵活,况且ckeditor中的ckfinder是收费的,老外的文档又不好看。。。

你可能感兴趣的:(JAVA)