ckeditor java 使用_如何覆盖默认插件并使用它们拥有按钮ckeditor

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

我想使用默认的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完成整个过程？

总结

以上是生活随笔为你收集整理的ckeditor java 使用_如何覆盖默认插件并使用它们拥有按钮ckeditor的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。