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

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

 

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