您现在的位置是:首页> 网站开发> JavaScript

百度编辑器1.4.3Ueditor不显示表格的解决方法还有不显示TH完美解决方案

  • 859人已阅读
  • 时间:2018-10-16 09:17:58
  • 分类:JavaScript
  • 作者:祥哥

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

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

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

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

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

那怎么让表格有边框呢?

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

我是标题行
我是标题行我是标题行我是标题行我是标题行
s
























但问题还是有的?因为这样操作完发现标题行就是<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

}

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

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

Top