不同的tab页加载 富文本编辑器的问题

未结贴
8 221
在创建第一个tab页的时候,同时初始化一个富文本编辑器;同理,创建第二个tab页的时候,也是初始化一个富文本编辑器;可以问题出现了,在创建一个tab页的时候,没有加载出来富文本编辑器,在创建第二个tab页的时候,加载出了富文本编辑器;这个时候在点击第一个tab页的时候 也出现了,本人怀疑是初始化富文本编辑的问题,可是找不到解决方案,请教哪位大神给解决一下。
  • Absolutely Absolutely
    2017-03-15 11:24:15
    我估计是 你把两个编辑器的Id属性设置成一样的了!tab页是同一个页面,同一个页面不能存在Id相同的元素!
    0 回复
  • 缒風 缒風
    2017-03-15 11:26:31
    @Absolutely 富文本的ID值是不同的,这个我已经设置过了,不同的tab页加载富文本编辑器的ID是不同的
    0 回复
  • Absolutely Absolutely
    2017-03-15 11:30:07
    @缒風 我觉得你应该把代码贴出来!
    0 回复
  • 缒風 缒風
    2017-03-15 11:36:11
    补充代码://动态创建tab页
    function CreateTab(obj) {

    var element = layui.element();
    //动态创建tab页
    element.tabAdd('content-filter', {
    title: '与会员' + obj.Name + '聊天中..'
    , content: contentHtml(obj.Id) //参数客户Id
    , id: obj.Id //'选项卡标题的lay-id属性值'
    });

    //初始化富文本编辑器
    layedit(obj.Id);
    }
    function layedit(Id){
    layui.use('layedit', function () {
    var layedit = layui.layedit;
    var Message = layedit.build('txt_'+Id,
    {
    height: 100,
    tool: [
    'face' //表情
    , 'image' //插入图片
    ]
    }); //建立编辑器
    alert(Message);
    });
    }
    0 回复
  • 缒風 缒風
    2017-03-15 11:36:49
    @Absolutely 代码已经补充上了
    0 回复
  • Absolutely Absolutely
    2017-03-15 11:54:01
    @缒風 我估计是这样的: 你CreateTab()里面执行layedit(Id),但是这个时候你的tab内容并没有加载出来,所以执行layedit(Id)这个的时候,就找不到对应Id的textarea! 但是这样也说不太通,不过我建议你把加载编辑器的方法写在 content: contentHtml(obj.Id) contentHtml里面!
    0 回复
  • 缒風 缒風
    2017-03-15 12:50:47
    @Absolutely 这样也是不行的,在执行tab 页 的时候已经加载出来了HTML 标签了,这个时候调用 富文本编辑器 按照逻辑是没有问题的;文档也是这样说的,在加载富文本编辑器的时候,先初始页面然后调用初始富文本编辑器。从我这个问题上看应该是初始化的顺序不对。唉 就是找不到原因。
    0 回复
  • 缒風 缒風
    2017-03-15 13:49:03
    该问题目前已经解决,就是tab 页 class 缺少一个属性:'layui-show' ; $("#item_"+obj.Id).parents('div') .addClass('layui-show'); 解决方案:添加上这个属性问题解决了;但是这种解决方法有些不太好,哪位大神有更好的解决方案,请回复 谢谢
    0 回复
最近热帖
LayIM 授权门槛永久性定格 2666
layui所在服务器近期连续遭受DDoS攻击 2329
vip-admin Html v1.7.0 更新了 - 基于layui的后台模板 678
Layui 年度最佳案例 612
layer.alert阴影层问题,求大神解答 533
用layui做管理后台的请进 448
有学生愿意接活干吗?做网站!价格不是很高但是经常有活干 255
P8OS PHP全能环境面板 220
BeginnerAdmin后台模板 出现 这种情况怎么解决 214
麻烦问下fly模板的矢量图标在哪里获取的,如果我需要找到样式里面没有的,应该去哪里找 195
近期热议
LayIM 授权门槛永久性定格 42
layui所在服务器近期连续遭受DDoS攻击 26
麻烦问下fly模板的矢量图标在哪里获取的,如果我需要找到样式里面没有的,应该去哪里找 16
初次使用layer 发生了,这种情况,究竟是为何? 12
iframe里面点击元素怎么判断父元素是否有改该选项卡存在呢 11
急!修改回显问题~~~~ 10
求助。。。循环绑定传值问题 9
layui的编辑器是怎么配置出来的啊,难道不是layedit? 9
小魔方看到请进来,你的解决方法有bug 8
vip-admin Html v1.7.0 更新了 - 基于layui的后台模板 7