UEditor入门（一）集成进Java Web项目

最新推荐文章于 2021-12-29 20:31:23 发布

数青峰

最新推荐文章于 2021-12-29 20:31:23 发布

阅读量2.1w

点赞数 2

分类专栏： JAVA 文章标签： UEditor 集成进Java Web项目 jsp 上传图片

本文链接：https://blog.csdn.net/daleiwang/article/details/25000243

版权

JAVA 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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）下载，解压后文件结构如下：

（2）将整个文件夹改名ueditor后复制到WebRoot目录下：

（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 + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">
		<title>My JSP 'index.jsp' starting page</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<!-- 配置文件 -->
		<script type="text/javascript" src="./ueditor/ueditor.config.js"></script>
		<!-- 编辑器源码文件 -->
		<script type="text/javascript" src="./ueditor/ueditor.all.js"></script>
		<!-- 语言包文件(建议手动加载语言包，避免在ie下，因为加载语言失败导致编辑器加载失败) -->
		<script type="text/javascript" src="./ueditor/lang/zh-cn/zh-cn.js"></script>
	</head>
	<body>
		<script id="container" name="content" type="text/plain">这里写你的初始化内容</script>
		<script type="text/javascript">
    		var editor = UE.getEditor('container')
		</script>
	</body>
</html>

（5）项目运行结果：

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

数青峰

关注

2
点赞
踩
7

收藏

觉得还不错? 一键收藏
9
评论
UEditor入门（一）集成进Java Web项目

UMeditor,简称UM,是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变，主文件的代码量为139k，而且放弃了使用传统的iframe模式，采用了div的加载方式，以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧，贴吧每天几亿的pv是对UM各种指标的最好测试平台。当然随着代码的减少，UM的功能对于U
复制链接

扫一扫