Layui 系列之—表格弹框显示富文本

1. 第一步
   

2. 第二步（我这里是点击按钮弹框查看）

   <!-- 在表格内渲染-->
   <script type="text/html" id="content">
       <button class="layui-btn layui-btn-sm layui-btn-primary" lay-event="content"><i class="fa fa-bookmark-o
   "
                                                                                       aria-hidden="true"></i>&nbsp;&nbsp;查看内容
       </button>
   </script>
   

3. 第三步（在table监听工具条里面写下面的代码）

   	// 监听table工具条
       table.on('tool(tabFilter)', function (obj) {
           var data = obj.data; //获得当前行数据
           var layEvent = obj.event; //获得 lay-event 对应的值
   
       }); // end table.on();
   

   // 查看内容
           if (layEvent === 'content') {
               var loadstr = ' <textarea name="desc" placeholder="" style="margin-top: -10px;" class="layui-textarea param_content" id="demo"></textarea>'
               layer.open({
                   type: 1,
                   area: ['800px', '600px'],
                   title: '文章内容',
                   content: loadstr,
                   scrollbar: false
               });
               $(".param_content").val(data.content);
               var layedit = layui.layedit;
               layedit.build('demo', {
                   height: 600,
                   tool: [
                       'strong' //加粗
                       , 'italic' //斜体
                       , 'underline' //下划线
                       , 'del' //删除线
                       , '|' //分割线
                       , 'left' //左对齐
                       , 'center' //居中对齐
                       , 'right' //右对齐
                       , 'link' //超链接
                       , 'unlink' //清除链接
                       , 'face' //表情
                       , 'help' //帮助
                   ]
               }); //建立编辑器
           }