百度UMeditor富文本编辑器java使用

Posted 2020-10-21 猿上生活

百度UMeditor富文本编辑器java使用

1.介绍

　　UMeditor 是一款轻量级的富文本编辑器，比UEditor要小得多，是为满足广大门户网站对于简单发帖框，或者回复框需求所定制的在线富文本编辑器

2.下载

  　　官网地址：http://ueditor.baidu.com/website/umeditor.html

　　说明笔者点击官网的下载中的按钮，半天没反应，然后又去了github上down了一份，github地址：https://github.com/fex-team/umeditor/releases

3.将demo跑一波

　　①.跑前准备

　　　先解压出来

　　　　

　　　　在eclipse中新建了个项目

　　　　

　　　　然后在WebContent下右键点击

将下载好的文件包导进去，就ok了

②.试一试

将index.html  文件中的  <script>标签用form包裹起来

 

 　　然后点击一波        ，结果很意外打印了个null   

　　试了好几拨都不行，就感觉参数名可能不对，网上百度一下，参考一老哥的博客：http://blog.csdn.net/u014427391/article/details/51113573   ，

　　就将jsp/getContent.jsp文件中  拿值参数改了一下。通了。

显示结果：

 

 控制台打印：

 

 4.配置文件

在这个文件中可以设置一些参数，每行都有注释。

这里解释一下图片配置

参数   

　　imageUrl：是你上传图片要调用的上传文件在哪

　　imagePath：是你上传去的图片存在哪了吗，会给你创建时间子文件夹

　　imageFiledName：对应的key值