html
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../../lib/dist/summernote.css">
<script src="../../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script>
<script src="../../lib/dist/summernote.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../lib/dist/lang/summernote-zh-CN.js" type="text/javascript" charset="utf-8"></script>
<form class="layui-form ok-form" enctype="multipart/form-data" id="signupForm">
<div class="layui-form-item">
<label class="layui-form-label">标题</label>
<div class="layui-input-block">
<input type="text" name="cont" placeholder="请输入标题" id="cont" autocomplete="off" class="layui-input" lay-verify="required">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">内容</label>
<div class="layui-input-block">
<textarea id="summernote" name="editordata"></textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="get" id="get">立即提交</button>
</div>
</div>
</form>
js
$.ajax($url + 'jxkh/S0008F0037', {
data: {
id: forid
},
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒;
success: function(data) {
//console.log(data.data.list[0].cont);
var txt = data.data.list[0].cont;
$("input[name='cont']").val(forcont);
$('#summernote').summernote('code', txt);
},
error: function(xhr, type, errorThrown) {
}
});
layui.use(['layer', 'form', 'element'], function() {
var layer = layui.layer,
form = layui.form,
element = layui.element
form.on('submit(get)', function(data) {
var markupStr = $('#summernote').summernote('code')
var title = $("#cont").val();
$.ajax($url + "jxgl/S0009F0036_1", {
data: {
id: forid,
title: title,
cont: markupStr
},
dataType: 'json',
type: 'post',
timeout: 10000,
success: function(data) {
if (data.result = 200) {
layer.msg('修改成功', {
icon: 1,
time: 2000
}, function() {
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
});
}
},
error: function(xhr, type, errorThrown) {
}
});
return false;
});
});
$('#summernote').summernote({
placeholder: '',
tabsize: 2,
height: 500, //高度,根据需要去设
lang: 'zh-CN', //zh-CN为中文文件,如果需要转换语言,注意在下载的lang文件夹中取出并加载
focus: true,
callbacks: { //回调函数,覆盖上传方法onImageUpload
onImageUpload: function(files) {
sendFile(files[0]);
}
}
});
function sendFile(files) {
data = new FormData();
data.append("files", files);
$.ajax({
data: data,
dataType: 'json',
type: "POST",
url: $url + "/jxgl/img", //上传路径
cache: false,
contentType: false,
processData: false,
success: function(data) {
console.log(data.filename);
var pic = $url + data.filename;
console.log(pic);
$('#summernote').summernote('insertImage', pic);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert(XMLHttpRequest.status);
alert(XMLHttpRequest.readyState);
alert(textStatus);
}
});
}












网友评论