之前有介绍了ueditor的用法,可看这篇:https://www.cnblogs.com/roy-blog/p/7250668.html

umeditor是ueditor的简化版,不仅在功能,容量上进行了精简,在使用方法上面也做了简化。下面来介绍一下在项目中的使用方法。

1.下载

直接倒官网去下载:http://ueditor.baidu.com/website/umeditor.html,下载完以后把相关文件加入项目里面,如下图所示。

2.添加jar包

对于maven项目来说,由于在中央仓库并没有umeditor的jar包,所以,我们需要手动的制作umeditor的jar包,具体的做法可以参考:https://www.cnblogs.com/roy-blog/p/8676285.html

添加完jar包以后,我们在pom.xml加入如下依赖。

<dependency>
<groupId>com.baidu</groupId>
<artifactId>ueditor-mini</artifactId>
<version>1.1.1</version>
</dependency>

当然还得加入上传文件的jar包依赖

        <!-- 文件上传 -->
<dependency>
<groupId>commons-fileupload</groupId>
<artifactId>commons-fileupload</artifactId>
<version>1.3.2</version>
</dependency>

如果不是maven项目,只需要把这两个jar包(在jsp文件夹下)放入项目的lib文件夹下即可。

3.使用

使用很简单,先引入css文件:

<!--百度编辑器-->
<link href="../static/umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">

再引入js文件

        <!--百度编辑器-->
<script type="text/javascript" src="../static/umeditor/third-party/template.min.js"></script>
<script type="text/javascript" src="../static/umeditor/third-party/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="../static/umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="../static/umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="../static/umeditor/lang/zh-cn/zh-cn.js"></script>

然后是html代码

<div type="text/plain" id="myEditor" name="blogContent" style="width:100%;height:500px;"></div>

然后是js代码:

var um = UM.getEditor('myEditor');

这样就定义了一个um对象。

如果想要回显,则用如下js代码。

        um.ready(function() {
var temp = $('.temp').html();
um.setContent(temp);//回显
});

而上传图片什么的,都不需要我们去配置,甚至可以截图直接黏贴,这是比ueditor方便的地方。

总的来说是一个很简单好用的富文本编辑器,满足一般的门户回帖之类的功能足够了。

在java项目中使用umeditor的更多相关文章

  1. eclipse java项目中明明引入了jar包 为什么项目启动的时候不能找到jar包 项目中已经 引入了 com.branchitech.app 包 ,但时tomcat启动的时候还是报错? java.lang.ClassNotFoundException: com.branchitech.app.startup.AppStartupContextListener java.lang.ClassN

    eclipse java项目中明明引入了jar包 为什么项目启动的时候不能找到jar包 项目中已经 引入了 com.branchitech.app 包 ,但时tomcat启动的时候还是报错?java. ...

  2. java项目中build path的设置

    右键点击项目新建文件libs 添加jtds  jar包引用本地动态链接库(dll)的设置方法 配置LibraryJRE的添加和更换  Java项目中build path的设置总结,包括JRE的添加和更 ...

  3. 在Java项目中整合Scala

    Scala是一个运行在Java JVM上的面向对象的语言.它支持函数编程,在语法上比Java更加灵活,同时通过Akka库,Scala支持强大的基于Actor的多线程编程.具有这些优势,使得我最近很想在 ...

  4. XML在JAVA项目中的作用

    java项目中,xml文件一般都是用来存储一些配置信息 一般的编程, 多数用来存储配置信息 . 拿JDBC来说,可以把数据库连接字符串写到xml,如果要修改数据源,只需要改xml就可以了,没必要再去重 ...

  5. ckeditor编辑器在java项目中配置

    一.基本使用: 1.所需文件架包 A. Ckeditor基本文件包,比如:ckeditor_3.6.2.zip 下载地址:http://ckeditor.com/download 2.配置使用 A.将 ...

  6. redis在java项目中的使用

    在上一篇文章中已经讲了redis的spring配置,这篇将会描述redis在java项目中的使用. redis存储形式都是key-value(键值对),按照存储的内容分为两种,一种是存简单数据,即数字 ...

  7. Redis学习笔记之二 :在Java项目中使用Redis

    成功配置redis之后,便来学习使用redis.首先了解下redis的数据类型. Redis的数据类型 Redis支持五种数据类型:string(字符串),hash(哈希),list(列表),set( ...

  8. SuperDiamond在JAVA项目中的三种应用方法实践总结

    SuperDiamond在JAVA项目中的三种应用方法实践总结 1.直接读取如下: @Test public static void test_simple(){ PropertiesConfigur ...

  9. JAVA项目中常用的异常处理情况总结

    JAVA项目中常用的异常知识点总结 1. java.lang.nullpointerexception这个异常大家肯定都经常遇到,异常的解释是"程序遇上了空指针",简单地说就是调用 ...

随机推荐

  1. C++ Primer Plus (Stephen Prata 著)

    第1章 预备知识 (已看) 第2章 开始学习C++ (已看) 第3章 处理数据 (已看) 第4章 复合类型 (已看) 第5章 循环和关系表达式 (已看) 第6章 分支语句和逻辑运算符 (已看) 第7章 ...

  2. 18.1 volatile的作用

    volatile的作用是作为指令关键字,确保本条指令不会因编译器的优化而省略,且要求每次直接读值. 1.编译器的优化 在本次线程内,当读取一个变量时,为提高存取速度,编译器优化时有时会先把变量读取到一 ...

  3. 2.1 Visio画图后,粘贴到word白边太宽

    如下图所示:Visio2007画图后,图白边距很宽. 右击打开>将鼠标移动到画布边缘,按下Ctrl后鼠标变为双箭头,然后拖拽方格画布,拖拽合适的宽度保存即可.

  4. <realsense D400>同步采集深度图和彩色图

    利用深度相机采集深度图和彩色图会面临一个问题,如何实现同步采集数据? 以下是我搜集到的两点方法: 1)高翔博士提到他的orbslam2教程有这么一步工作,具体目录为 example/RGBD/. (等 ...

  5. 关于Verilog中begin-end & fork-join

     转载:http://blog.sina.com.cn/s/blog_6c7b6f030101cpgt.html begin-end and fork-join are used to combi ...

  6. json 数据在textarea中显示的时候,切换 beauty和ugly模式

    转化为beauty模式 var jsonText = $('#json').val(); $('#json').val(JSON.stringify(JSON.parse(jsonText), nul ...

  7. tfs项目管理

    同一个地址下有多个项目,但同一个文件只能映射一次.有两种方式: 1.只添加一次映射,即只给根目录添加映射,如下图,这样西面的具体的项目就不需要挨个添加了. . 2.每个项目挨个添加映射,使用这种方式要 ...

  8. SpringMVC 启动流程

    首先看一下Web应用部署初始化过程 (Web Application Deployement),官方文档说明: Web Application Deployment When a web applic ...

  9. C#与Excel的交互示例

    //这里加添加一个Excel对象的包装器.就是添加一个引用 using System; using System.Drawing; using System.Collections; using Sy ...

  10. leetcode64

    class Solution { public: int minPathSum(vector<vector<int>>& grid) { int row=grid.si ...