SpringMVC集成umedit百度富文本编辑器

1.先将所需要的依赖导入

<dependency>
  <groupId>commons-io</groupId>
  <artifactId>commons-io</artifactId>
  <version>2.4</version>
</dependency>

<dependency>
  <groupId>commons-codec</groupId>
  <artifactId>commons-codec</artifactId>
  <version>1.9</version>
</dependency>

<dependency>
  <groupId>com.fmjava</groupId>
  <artifactId>ueditor</artifactId>
  <version>1.0.0</version>
</dependency>

<dependency>
  <groupId>com.fmjava</groupId>
  <artifactId>json</artifactId>
  <version>1.0.0</version>
</dependency>

其中ueditor和json是需要在本地添加的,远程仓库没有。(我已打包到网盘,地址在最下面)

本地安装方法:
mvn install:install-file -DgroupId=com.fmjava -DartifactId=ueditor -Dversion=1.0.0 -Dpackaging=jar -Dfile=ueditor-1.0.0.jar
mvn install:install-file -DgroupId=com.fmjava -DartifactId=json -Dversion=1.0.0 -Dpackaging=jar -Dfile=json-1.0.0.jar

参数说明:
-DgroupId
表示jar对应的groupId
com.fmjava
-DartifactId:
-DartifactId: 表示jar对应的artifactId
ueditor
-Dversion
-Dversion: 表示jar对应的 version
1.0.0

2.引入富文本的标签到页面

<div id="editor" name="article_content" style="width:1337px; height: 320px;"></div>

3.在页面中引入js文件

<script charset="utf-8" src="../plugins/umedit/ueditor.config.js"></script>
<script charset="utf-8" src="../plugins/umedit/ueditor.all.min.js"></script>
<script charset="utf-8" src="../plugins/umedit/lang/zh-cn/zh-cn.js"></script>

4.初始化富文本

<script type="text/javascript">
   //初始化富文本编程器
   var ue = UE.getEditor('editor');
   ue.ready(function () {

   });
</script>

5.富文本的基本配置
在这里插入图片描述

文件链接:https://pan.baidu.com/s/1M_B-_M6-joQEDffUSTbrQw
提取码:56se

版权声明:本文为qq_43750610原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_43750610/article/details/108696231