Question

您好我已经在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"
                }    
            };

Answer 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;
 }

TinyMCE表边界线间距问题

1 个答案: