CKEditor text alignment buttons

Question

Is there a way to add the align buttons to the toolbar without downloading the full version of ckeditor?

Thanxx

score 4 · Accepted Answer · answered Aug 18 '13 at 12:51

4

You need the justify plugin. Also see official docs.

answered Aug 18 '13 at 12:51

oleq

15,697
1
38
65

I also added the Bidi plugin, but when adding the buttons to the toolbar they are disabled. Do you know why? – Nomz Aug 19 '13 at 07:18

score 2 · Answer 2 · answered Jul 17 '20 at 09:14

2

Just add justify plugin.

config.extraPlugins = "justify";

answered Jul 17 '20 at 09:14

Sagar

4,473
3
32
37

score 0 · Answer 3 · answered Mar 03 '23 at 18:51

The best solution, I found for my ckeditor 4 version:

https://dev.ckeditor.com/ticket/10320

var editor = CKEDITOR.replace( 'editor1', {
                //allowedContent : true
                enterMode : CKEDITOR.ENTER_BR,
                toolbar : [
                ['Font', 'FontSize'], ['TextColor', 'BGColor'], ['Bold', 'Italic', 'Underline', 'Strike'], ['Subscript', 'Superscript'],
                ['JustifyLeft', 'JustifyRight', 'JustifyCenter', 'JustifyBlock'], ['NumberedList', 'BulletedList'], ['Outdent', 'Indent', 'Blockquote'], ['Table', 'HorizontalRule', 'SpecialChar'], ['Link', 'Unlink', 'Image'],
                ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord'], ['Undo', 'Redo', '-', 'Find', 'Replace', '-', 'SelectAll', 'RemoveFormat'], ['Source']
                ]
            } );

Just added ['JustifyLeft', 'JustifyRight', 'JustifyCenter', 'JustifyBlock'] in ckeditor's toolbar and It worked for me like charm. Thanks for asking this question.

CKEditor text alignment buttons

3 Answers3