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"
}
};
顯示在發佈您的代碼... –
需要應用CSS這個類.mce,本期特價貨品table,.mce-item-table td,.mce-item-table th,.mce-item-table caption {border:1pt solid#000000!important;}以反映tinymce編輯器視圖中的變化 – rjdmello