我知道这个问题被问到几个地方,但没有人符合我的要求 .

我想使用默认的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按钮时,文本变为BOLD,相同的斜体和下划线 .

此外,更重要的部分,让我们说,我有下拉列表,值左对齐,对齐中心,右对齐,对齐对齐 .

因此,当用户点击下拉对齐右键时,它会将文本对齐 .

如何使用ckeditor完成整个过程?