CODEWITHSUNDEEP
ckeditor
M. A. Sridhar
M. A. Sridhar

Reputation: 11

How can I hide table borders in ckeditor?

When editing content that includes a table in ckeditor, it shows a border around table cells even though there is no border in the markup. This seems to be a convenience feature, so I'd like to be able to toggle it, perhaps via a checkbox in the toolbar. Is this possible? Perhaps there is a plugin of some sort that I have not configured? Thanks for your help.

Screen shot of table borders

Upvotes: 1

Views: 2918

Answers (1)

tika
tika

Reputation: 395

This this best example to hide table border. Key player is : startupShowBorders: false,

$(function () {

            var editor = CKEDITOR.replace("textarea", {
                width: 750, height: 500, fullPage: true,
                extraPlugins: 'stylesheetparser',
                allowedContent: true,
                qtBorder: '0',
                startupShowBorders: false,
                ////pasteFilter: 'semantic-content',
                //// Custom stylesheet for editor content.
                //// contentsCss: ['content/css/html-email.css'],

                //// Do not load the default Styles configuration.
                stylesSet: []       
            });                    

        });

Upvotes: 4

Related Questions