我知道这个问题被问到几个地方,但没有人符合我的要求 .
我想使用默认的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完成整个过程?