登录

没有账号?快速注册
合作账号登录

文章资讯 News每一个设计作品都举世无双

当前位置:主页 > 文章资讯 > 专业问答 > layeditor富文本编辑器图片上传

layeditor富文本编辑器图片上传

日期:2018-12-18 / 人气:84    分享到:

点击打开一个修改信息的页面,同时显示已有的信息,由于layui 富文本编辑器设置初始化必须在build之前,所有每次点击修改的时候只有第一次点击会build,猜测可能是缓存问题,造成无法获取到数据,原因还是因为数据必须在build之前被设置进去。禁用该页面的浏览器缓存即可。 火狐不需要。ie chrome 都需要禁用,这可能是因为thymeleaf的问题  thymeleaf头是 模板是html5格式,非严格thymeleaf html5验证。


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>富文本编辑器</title>

<link rel="stylesheet" href="./layui/css/layui.css">

</head>

<body>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">

<legend>完整功能(没错,目前工具栏只有这么多)</legend>

</fieldset>



<textarea class="layui-textarea" id="LAY_demo1" name="" style="display: none">  

把编辑器的初始内容放在这textarea即可

</textarea>





<script src="./layui/layui.js"></script>

<script>

layui.use('layedit', function(){

var layedit = layui.layedit

,$ = layui.jquery;

layedit.set({

uploadImage: {

url: 'layeditor/upload.do',

type: 'post'

}

});



//构建一个默认的编辑器

var index = layedit.build('LAY_demo1');

});

</script>

</body>

</html>

返回的json格式:{"code":0,"msg":"","data":{"src":"/upload/2018121819166936600009110.jpg"}}


注意:IE浏览器下有问题

编辑:墨阁网络工作室