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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: java web.xml_Java We
- 下一篇: python装饰器是什么意思_这个pyt