0

我知道这个问题被问了几个地方，但没有一个符合我的要求。

我想对我自己的按钮和图标使用默认的 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完成整个过程？

4

0 回答 0