layui-layedit 编辑器

 

 

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 部分

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<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' // 上传图片<br>　　　 ,'face' //表情     ],     uploadImage: {       url: '/admin/image/uploadss' //接口url       ,type: '' //默认post     },<br>　　 height: 200 // 调整编辑器高度   }); //建立编辑器 }); </script>

 

详细内容请查看官网：点击前往官网