码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-01-21 00:11:29      阅读:632      评论:0      收藏:0      [点我收藏+]

标签:file   hub   参考   显示   baidu   dex   存在   上传图片   color   

百度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值 

 

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

标签:file   hub   参考   显示   baidu   dex   存在   上传图片   color   

原文地址:https://www.cnblogs.com/xuzhaocai/p/8322192.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!