JavaWeb集成百度UMEditor详细操作(实现上传图片)+demo源码

最新推荐文章于 2022-09-14 21:33:00 发布

wd792105247

最新推荐文章于 2022-09-14 21:33:00 发布

阅读量4.2k

点赞数

分类专栏： javaweb java 文章标签： UEditor 百度编辑器 java配置UEditor

本文链接：https://blog.csdn.net/wd792105247/article/details/19124933

版权

javaweb 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

java

4 篇文章 0 订阅

订阅专栏

第一步.下载百度UEditor

第二步.解压（我个人把解压完成的文件夹改名为 ‘ueditor‘）

第三步.myeclipse新建Web Project，把ueditor文件夹拷贝到WebRoot下

第四步.把UEditor中自带的jar包复制到WebRoot->WEB-INF->lib文件夹下

第五步.在jsp中引入UEditor的js和css(说明：需要引入jquery，下载的包中没有，自己拷贝一个)

index.jsp 代码

<html>
<head>
<title>UEditor Demo</title>

<link href='ueditor/themes/default/css/umeditor.css' type="text/css" rel="stylesheet" >

<script type="text/javascript" src="ueditor/jquery.js"></script>
<script type="text/javascript" src="ueditor/umeditor.js"></script>
<script type="text/javascript" src="ueditor/umeditor.config.js"></script>
<script type="text/javascript" src="ueditor/lang/zh-cn/zh-cn.js"></script>
</head>

<body>
<textarea id="myEditor" style="width: 100%;height: 500px;"></textarea>
<script type="text/javascript">
//实例化UEditor
var ue = UM.getEditor('myEditor');
function getValue(){
var value = ue.getContent();
alert(value);
}
</script>
<button οnclick="getValue()">获取值</button>
</body>
</html>

上传图片也实现了，保存路径在/ueditor/jsp/upload中。

demo源码：http://pan.baidu.com/s/1kTE3mAz

wd792105247

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JavaWeb集成百度UMEditor详细操作(实现上传图片)+demo源码

第一步.下载百度UEditor第二步.解压（我个人把解压完成的文件夹改名为 ‘ueditor‘）第三步.myeclipse新建Web Project，把ueditor文件夹拷贝到WebRoot下第四步.把UEditor中自带的jar包复制到WebRoot->WEB-INF->lib文件夹下第五步.在jsp中引入UEditor的js和css(说明：需要引入jquery，
复制链接

扫一扫