level 2
白开心216
楼主
完整代码，如下，大神门，是什么问题啊<!DOCTYPE html>
<html>
<head>
<title>管理员列表 - 后台管理系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all">
<script type="text/javascript" src="/static/layui/layui.js"></script>
<style type="text/css">
.header span{background:#009688;margin-left:30px;padding:10px;color:#ffffff;}
.header div{border-bottom:solid 2px #009688;margin-top: 8px;}
.header button{float:right;margin-top:-5px;}
</style>
</head>
<body style="padding:10px; box-sizing: border-box;">
<form class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">文章标题</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" name="textname" >
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文章简介</label>
<div class="layui-input-inline">
<textarea name="text" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">文章封面</label>
<div class="layui-input-inline">
<button type="button" class="layui-btn layui-btn-fluid" id="up_test_img">上传图片</button>
</div>
<div class="layui-form-mid layui-word-aux">支持png,jpg,gif</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">封面预览</label>
<div class="layui-input-block">
<div class="layui-upload-list" id="srcimg" style="width:90%;float:left;"></div>
</div>
</div>
<!--基本信息 end-->
<div class="layui-form-item">
<label class="layui-form-label">文章详情</label>
<div class="layui-input-block">
<textarea id="content" name="content" style="display: none;" value=""></textarea>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">状态</label>
<div class="layui-input-block">
<input type="radio" name="status" value="1" title="开启" checked="">
<input type="radio" name="status" value="0" title="禁用">
</div>
</div>
</form>
<div class="layui-form-item">
<div class="layui-input-block">
<button type="button" class="layui-btn" onclick="save()">保存</button>
</div>
</div>
<script type="text/javascript">
layui.use(['layer','form','upload','laydate','layedit','element'],function(){
form = layui.form;
layer = layui.layer;
$ = layui.jquery;
var element = layui.element;
var layedit = layui.layedit;
layedit.build('content',{
height: 300, //设置编辑器高度
});
upload = layui.upload;
upload.render({
elem: "#up_test_img",
url: "/admin/upload/upload_img",
multiple: true,
done: function(res,title){
if(res.code > 0){
return layer.msg("上传失败，"+res.msg);
}else{
$("#srcimg").append('<div class="upload_pic_li" style="position:relative; width:100px; float:left; margin:0 10px 10px 0"><img style="width:100px;height:100px;" src="'+ res.url +'" class="layui-upload-img" onmouseover="show_img(this)" onmouseleave="hide_img()"><input type="hidden" name="test_img" value="'+res.data+'"/><a class="close-img" href="javascript:;" onclick="deleteImage(\''+res.data+'\',this);return false;"></a></div>');
}
}
});
//富文本
layedit.set({
uploadImage: {
url:"/admin/upload/upload_imgs"
,type: 'post'
,accept: 'image'
, acceptMime: 'image/*'
,exts: 'jpg|png|gif|bmp|jpeg'
, size: '10240'
}
, devmode: true
, codeConfig: {
hide: true, //是否显示编码语言选择框
default: 'javascript' //hide为true时的默认语言格式
}
, tool: [
'strong' //加粗
,'italic' //斜体
,'underline' //下划线
,'del' //删除线
,'|' //分割线
,'left' //左对齐
,'center' //居中对齐
,'right' //右对齐
,'link' //超链接
,'unlink' //清除链接
,'face' //表情
,'image' //插入图片
,'help' //帮助
]
,height: 300, //设置编辑器高度
});
var index = layedit.build('content',{
height: 300, //设置编辑器高度
}); //建立编辑器
//提交时把值同步到文本域中
form.verify({
//content富文本域中的lay-verify值
content: function(value) {
return layedit.sync(index);
}
});
});
function save(){
// 同步富文本编辑器的内容
$.post("/admin/text/textadd",$('form').serialize(),function (res){
if (res.code==0){
layer.msg(res.msg,{'icon':1})
setTimeout(function (){
parent.window.location.reload();
},1000);
}else {
layer.msg(res.msg,{'icon':2});
}
},'json');
}
</script>
</body>
</html>
