Как переопределить плагины по умолчанию и использовать их для собственных кнопок ckeditor

Question

Я знаю, что этот вопрос задают в нескольких местах, но никто не вписывается в мои требования.

Я хочу использовать плагин ckeditors по умолчанию для своих кнопок и значков.

Допустим, у меня есть несколько кнопок и значок на них, теперь я хочу дать им элементы управления ckeditor, чтобы они работали как обычный ckeditor.

Скажем, у меня есть кнопка B с иконкой B на ней. Теперь мой вопрос заключается в том, как мне заставить эту кнопку B работать так же, как и тот же плагин ckeditor.

Значит, как он может выделять текст, как мы делаем в ckeditor?

Есть ли способ сделать это?

Мои некоторые файлы js следующие:

для работы с текстом:

$(document).ready(function () {
    CKEDITOR.editorConfig = function (config) {
        config.toolbar = 'text';
        config.toolbar_text = [
            {name: 'basicstyles', groups: ['basicstyles', 'cleanup'], items: ['Bold', 'Italic', 'Underline']},
            {name: 'paragraph', items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock']},
            {name: 'colors', items: ['TextColor', 'BGColor']},
            {name: 'links', items: ['Link']},
            {name: 'styles', items: ['Styles', 'Format', 'Font', 'FontSize']}
        ];
        config.skin = 'bootstrapck';
    };
});

А вот мой пользовательский файл ckeditor:

$(document).ready(function () {
    CKEDITOR.disableAutoInline = true;

    $('.textEditor').click(function () {
        var element = $(this);
        //var editor = CKEDITOR.inline(this, {customConfig: 'text.js'});
        var editor = CKEDITOR.inline(this, {
            customConfig: 'text.js',
            extraPlugins: 'sharedspace',
            removePlugins: 'floatingspace,resize',
            sharedSpaces: {
                top: 'appendCkEditor',
            }
        });
        $('.saveText').on('click', function (evt) {
            //some operations
        });
    });
});

Теперь, что я хочу иметь пользовательскую кнопку с надписью B, и когда пользователь нажимает на эту кнопку B, текст выделяется жирным шрифтом, то же самое для курсива и подчеркивания.

Кроме того, более важная часть, скажем, у меня есть выпадающий список со значением выравнивания по левому краю, выравнивания по центру, выравнивания по правому краю, выравнивания по выравниванию.

Поэтому, когда пользователь нажимает правую кнопку выравнивания из выпадающего меню, текст выравнивается по правому краю.

Как сделать это весь процесс, используя ckeditor?