祥哥选择了百度编辑器,使用上还真是不太省心.

祥哥在后台发布文章发现,粘贴表格和使用编辑器建表格,在前台都没有显示出来边框.

后来祥哥也是百度了一下,发现解决的方案乱七八糟.

祥哥给你万能的解决方案.

先不要去修改JS的代码,因为你建立表格,默认就是没有边框的,有人会问?那为啥后台会显示,因为后台有全局的CSS控制,你前台肯定没有.所以不显示.

那怎么让表格有边框呢?

其实是非常简单,只需要在表格上右键---->表格---->设置表格边线可见即可.去前台看看是不是有显示了.简单吧,是我们没有会使用.

但问题还是有的?因为这样操作完发现标题行就是<th></th>标签仍是虚线,不可见.这下祥哥只能修改代码.让设置边框可见的时候,同时修改TH的样式.完美解决方案.注意了那位同鞋,要上代码了.

execCommand: function () {
    var table = getTableItemsByRange(this).table;
    utils.each(domUtils.getElementsByTagName(table,'td'),function(td){
        td.style.borderWidth = '1px';
        td.style.borderStyle = 'solid';
    });
    //这里是祥哥加的代码start
    utils.each(domUtils.getElementsByTagName(table,'th'),function(th){
        th.style.borderWidth = domUtils.getComputedStyle(th, "border-width");
        th.style.borderWidth = '1px';
        th.style.borderStyle = 'solid';
        th.style.borderColor = 'windowtext';
    });
    //到这里结束end

}

注意加代码前上面的那个;号

好了,如果你也解决了,别忘了给祥哥点赞.