首先去官网下载百度编辑器:
地址: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