2014-06-16 123 views
0

嗨,我已經使用tinymce編輯器的幫助下創建了一個表,併爲它應用了邊框。但是,我看到桌子上預覽的邊界以虛線打破。 u能幫助我摸不着頭腦TinyMCE表格邊框行間距問題

css 
    .BorderTop{ 
     border-top: 1pt solid #000000 !important; 
    } 

    .BorderBottom { 
     border-bottom: 1pt solid #000000 !important; 
    } 

    .BorderRight { 
     border-right: 2px solid #000000 !important; 
    } 

    .BorderLeft{ 
     border-left: 2px solid #000000 !important; 
    } 
//controller for the table section 
    $scope.tinymceOptions = { 
       /*jshint camelcase: false */ 
       content_css: "/assets/css/apaStyle.css?r=" + Math.random(), 
       skin_url: '/assets/css/skin/asc', 
       mode: "exact", 
       plugins: ["spellchecker visualchars paste charmap contextmenu preview textcolor eqneditor searchreplace fullscreen"], 
       elements: "tabletextarea", 
       entity_encoding: "numeric", 
       toolbar: "undo redo | table | fontFamily fontSize | styleselect | bold italic underline strikethrough | subscript superscript | forecolor backcolor | removeformat | alignleft aligncenter alignright alignjustify | charmap preview | lineSpaceBtn | eqneditor | searchreplace | spellchecker | fullscreen | apaBorderBtn | headingStyleBtn", 
       toolbar_items_size: 'small', 
       remove_linebreaks : true, 
       force_p_newlines : false, 
       force_br_newlines : true, 
       forced_root_block : '', 
       menubar: false, 
       height : '380', 
       external_plugins: { 
        "apatable": "/assets/libs/tinymce/plugins/apatable/plugin.js", 
        "apaTableTool" : "/assets/libs/tinymce/plugins/apaTableTools/plugin.js", 
        "eqneditor":"/assets/libs/tinymce/plugins/eqneditor/plugin.min.js", 
        "apaFont": "/assets/libs/tinymce/plugins/apaFont/plugin.js" 
       }  
      }; 
+0

顯示在發佈您的代碼... –

+0

需要應用CSS這個類.mce,本期特價貨品table,.mce-item-table td,.mce-item-table th,.mce-item-table caption {border:1pt solid#000000!important;}以反映tinymce編輯器視圖中的變化 – rjdmello

回答

1

使用這個CSS應該爲你工作

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption{ 
    border-top: 1pt solid #000000 !important; 
    border-right: 2px solid #000000 !important; 
    border-bottom: 1pt solid #000000 !important; 
    border-left: 2px solid #000000 !important; 
}