ueditor编辑器的简单使用（java）

最新推荐文章于 2024-04-29 13:34:02 发布

Kring_mzx

最新推荐文章于 2024-04-29 13:34:02 发布

阅读量554

点赞数

分类专栏： OA系统

本文链接：https://blog.csdn.net/liumingzhe1/article/details/86629017

版权

OA系统专栏收录该内容

3 篇文章 0 订阅

订阅专栏

首先去官网下载百度编辑器：
地址：https://ueditor.baidu.com/website/download.html
在这里插入图片描述
查看API，

另外可根据自己需求添加需要的插件，
解压，放入maven工程的位置：/项目名/src/main/webapp/
这里我放在

然后前端页面引入：

<script type="text/javascript" charset="utf-8" src="${ctx}/js/public/utf8-jsp/ueditor.config.js"></script> 
<script type="text/javascript" charset="utf-8" src="${ctx}/js/public/utf8-jsp/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="${ctx}/js/public/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript">
 var ue = UE.getEditor('textField');
	function getPlainTxt() {
        var arr = [];
        arr.push(UE.getEditor('textField').getPlainTxt());
        alert(arr.join('\n'))
    }
 </script>

如果不可编辑在这里插入图片描述

<textarea id="textField" name="textField"  style="width:100%;height:100%;"  maxlength="9914748364888" >${entity.textField}</textarea>

我这里获得带格式的纯文本所以使用getPlainTxt()
如果想获得其他格式可查看
在这里插入图片描述

在这里插入图片描述
form表单数据提交

<form  action="${ctx}${url}" method="post" id="formobj" enctype="multipart/form-data" onsubmit="window.opener=null;window.close();window.opener.parent.location.reload();">

效果页面：
在这里插入图片描述
不可编辑页面

END