layui中子窗口的layedit使用案例

子窗口

<div class="layui-form-item">
              <label class="layui-form-label">活动简介</label>
              <div class="layui-input-block">
                <textarea id="activity_content" class="layui-textarea">{$info['dec']}</textarea>
        </div>
</div>
在use中引用layedit,并创建变量
var layedit = layui.layedit
在实例化前设置好配置文件,这里设置文件上传路径

layedit.set({
          uploadImage: {  //上传图片的设置
              url: "{:U('Tool/layeditUploads')}" //接口url
            ,type: 'post' //默认post
            }
        });
然后创建
layedit.build('activity_content',{height: 250});

父窗口获取layedit内容

//LAY_layedit_1为layedit控件自带变量,默认从1开始,多个变量依次累加

var layeditCt = layer.getChildFrame('#LAY_layedit_1',index).contents().find('body');
var dec = layeditCt[0].innerHTML;

本窗口获取文本域内容

// 获取编辑器内容
var data = data.field;
data.content = layedit.getContent(content);
data.__hash__ = $('input[name=__hash__]').val();

layedit.set完成设置参数

layedit.set({
    //暴露layupload参数设置接口 --详细查看layupload参数说明
    uploadImage: {
        url: '{{route("ladmin.article.upload")}}',
        accept: 'image',
        acceptMime: 'image/*',
        exts: 'jpg|png|gif|bmp|jpeg',
        size: '10240'
    },
    uploadVideo: {
        url: '{{route("ladmin.article.upload")}}',
        accept: 'video',
        acceptMime: 'video/*',
        exts: 'mp4|flv|avi|rm|rmvb',
        size: '20480'
    }
    //右键删除图片/视频时的回调参数，post到后台删除服务器文件等操作，
    //传递参数：
    //图片： imgpath --图片路径
    //视频： filepath --视频路径 imgpath --封面路径
    ,
    calldel: {
        url: '/Attachment/DeleteFile'
    }
    //开发者模式 --默认为false
    ,
    devmode: true
        //插入代码设置
        ,
    codeConfig: {
        hide: true, //是否显示编码语言选择框
        default: 'javascript' //hide为true时的默认语言格式
    },
    tool: [
                'html', 'code', 'strong', 'italic', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker',
        'face'
                , '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image_alt', 'video', 'anchors'
                , '|', 'fullScreen'
            ],
    height: '400px'
});