layui富文本编辑器文档layedit组件的调用和图片上传接口的使用

在这里插入图片描述

html内容

        <div class="layui-form-item">
            <label class="layui-form-label">信息内容</label>
            <div class="layui-input-block">
                <textarea id="L_c_content" name="c_content" style="display: none;"></textarea>
            </div>
        </div>

初始化’layedit’

  layui.use(['form', 'layer', 'layedit', 'upload'], function () {
        $ = layui.jquery;
        var form = layui.form, layer = layui.layer, layedit = layui.layedit;
        var upload = layui.upload;

调用返回的内容

获得编辑器的内容 参数 index: 即执行layedit.build返回的值

   //上传图片;
        layedit.set({
            uploadImage: {
                url: '?m=Customer&a=customerDeal&act=upImg'
                , type: 'post'
            }
        });
        
/建立编辑器
      var index = layedit.build('L_c_content');
      var content = layedit.getContent(index);

上传图片接口

返回的JSON格式

{
  "code": 0 //0表示成功,其它失败
  ,"msg": "" //提示信息 //一般上传失败后返回
  ,"data": {
    "src": "图片路径"
    ,"title": "图片名称" //可选
  }
}

lokdatav Done!

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页