首页 > 其他 > 详细

layui-layedit 编辑器

时间:2021-02-05 19:19:27      阅读:51      评论:0      收藏:0      [点我收藏+]

 

 

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>

 

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

layui-layedit 编辑器

原文:https://www.cnblogs.com/gumo9/p/14165607.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!