Ueditor富⽂本编辑器前后端分离上传图⽚、附件Ueditor富⽂本编辑器前后端分离上传图⽚、附件
1.前端把解压后的⽂件拷贝过来，修改fig.js
新建⼀个html，格式后⾯根据⾃⼰需求修改即可
<!DOCTYPE HTML>
<html>
<head>
<title>编辑Word⽂档</title>
<meta http-equiv="Content-Type"content="text/html;charset=utf-8"/>
<script type="text/javascript"charset="utf-8"src="../fig.js"></script> <script type="text/javascript"charset="utf-8"src="editor_api.js"></script>
<script type="text/javascript"charset="utf-8"src="../lang/zh-cn/zh-cn.js"></script> </head>
<body>
<div>
<h3>编辑Word⽂档</h3>
<script id="editor"type="text/plain" ></script> </div>
前端跟后端哪个就业难
<div id="btns">
<div>
<button onclick="getAllHtml()">获得整个html的内容</button>
<button onclick="getContent()">获得内容</button>
<button onclick="getPlainTxt()">获得带格式的纯⽂本</button>
<button onclick="hasContent()">判断是否有内容</button>
<button onclick="">确定</button>
<button onclick="(-1);">取消</button>
</div>
</div>
</body>
<script type="text/javascript">
var ue =UE.getEditor('editor');
function getAllHtml(){
Editor('editor').getAllHtml())
}
function getContent(){
var arr =[];
arr.push("使⽤Content()⽅法可以获得编辑器的内容");
arr.push("内容为：");
arr.Editor('editor').getContent());
alert(arr.join("\n"));
}
function getPlainTxt(){
var arr =[];
arr.push("使⽤PlainTxt()⽅法可以获得编辑器的带格式的纯⽂本内容");        arr.push("内容为：");
arr.Editor('editor').getPlainTxt());
alert(arr.join('\n'))
}
function hasContent(){
var arr =[];
arr.push("使⽤editor.hasContents()⽅法判断编辑器⾥是否有内容");
arr.push("判断结果为：");
arr.Editor('editor').hasContents());
alert(arr.join("\n"));
}
</script>
</html>
2.把config.json⽂件放到后端springboot项⽬资源下，内容不⽤修改
把config.json⽂件放到后端springboot项⽬资源下，内容不⽤修改
3.引⼊json.jar，其实也可以⽤alibaba的json，只是改的代码多⼀点
放到后端springboot项⽬中
4.把src中的java⽂件拷贝到后端springboot项⽬中，把引⽤的包路径统⼀替换成当前包的路径

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。