js主窗口部分
var index=layer.open({ type:2, title:‘编辑‘, area:[‘60%‘,‘60%‘], content:‘edit?id=‘+obj.data.id, btn:[‘提交‘], yes:function(index,layero){ var body = layer.getChildFrame(‘body‘, index); var iframeWin = window[layero.find(‘iframe‘)[0][‘name‘]];//得到iframe页的窗口对象,执行iframe页的方法: // 获取文本域内容 var companyId=iframeWin.document.getElementById("form"); var cont = $(companyId).find(‘#LAY_layedit_1‘).contents().find("body"); $(companyId).find(‘#demo‘).html($(cont).html()); $.ajax({ url:"{:Url(‘update‘)}?id="+obj.data.id, data:$(companyId).serialize(), type:‘post‘, success:function(res) { console.log(res); layer.msg(res.msg); if(res.status == ‘success‘) { setTimeout(function () { table.reload(‘test‘, { where: {} }, ‘data‘); layer.close(index); // 执行关闭当前窗口 // location.reload(); },1500) } } }) } })
iframe mardown编辑器容器
<div class="layui-form-item"> <label class="layui-form-label">内容</label> <div class="layui-input-block"> <textarea id="demo" name="content" style="display: none;">{if isset($data)}{$data.content}{/if}</textarea> </div> </div>
编辑器js 部分
<script>
layui.use([‘form‘,‘layedit‘], function(){
var form = layui.form;
var layer=layui.layer;
var layedit=layui.layedit;
//编辑器
var index=layedit.build(‘demo‘,{
tool: [
‘strong‘ //加粗
,‘italic‘ //斜体
,‘underline‘ //下划线
,‘del‘ //删除线
,‘|‘ //分割线
,‘left‘ //左对齐
,‘center‘ //居中对齐
,‘right‘ //右对齐
,‘link‘ //超链接
,‘unlink‘ //清除链接
,‘image‘ // 上传图片
,‘face‘ //表情
],
uploadImage: {
url: ‘/admin/image/uploadss‘ //接口url
,type: ‘‘ //默认post
},
height: 200 // 调整编辑器高度
}); //建立编辑器
});
</script>
详细内容请查看官网:点击前往官网
原文:https://www.cnblogs.com/gumo9/p/14165607.html