summernote编辑器赋值和修改

545 阅读1分钟

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);
		}
	});

}