gpt4 book ai didi

php - 如何在 CkEditor 中右键单击添加其他菜单项?

转载 作者:行者123 更新时间:2023-12-01 15:53:26 25 4
gpt4 key购买 nike

在 CKeditor 中,当我们右键单击图像时,会出现四个菜单项。

cut
copy
paste
image properties

我想再添加两个菜单项,
test1
test2 -> subtest2
subtest3

test1 将是一个菜单,而 test2 将有两个子菜单。

另外,如何向这个新菜单项添加操作?例如,单击 test1 应在右侧绘制边框。点击 subtest2 将添加图像阴影等。

除此之外。当我们右键单击 div 和 table 时,我想做类似的事情。

我找到了上下文菜单插件,但我需要知道如何使用它。

最佳答案

我也遇到了这个问题。多亏了 CKEditor 的糟糕文档,我终于通过整个下午尝试不同的方式来做到这一点。
这段代码在我的网站上运行良好——Drupal 6 & CKEditor 4。

// Assume I already Have 3 commands
// insertTick, insertTickxxx, and insertTickxxxandxxx

if (editor.addMenuItems) {
// 1st, add a Menu Group
// tip: name it the same as your plugin. (I'm not sure about this)
editor.addMenuGroup('tick', 3);

// 2nd, use addMenuItems to add items
editor.addMenuItems({
// 2.1 add the group again, and give it getItems, return all the child items
tick :
{
label : 'Insert Tick',
group : 'tick',
order : 21,
getItems : function() {
return {
tick_insertTick : CKEDITOR.TRISTATE_OFF,
tick_insertQuestionMark : CKEDITOR.TRISTATE_OFF,
tick_insertTickandQuestion : CKEDITOR.TRISTATE_OFF
};
}
},

// 2.2 Now add the child items to the group.
tick_insertTick :
{
label : 'Insert a tick',
group : 'tick',
command : 'insertTick',
order : 22
},

tick_insertQuestionMark :
{
label : 'Insert Question Mark',
group : 'tick',
command : 'insertQuestionMark',
order : 23
},

tick_insertTickandQuestion :
{
label : 'insert Tick and Question',
group : 'tick',
command : 'insertTickandQuestion',
order : 24
}
});
}

// 3rd, add Listener, and return the Menu Group
if (editor.contextMenu) {
editor.contextMenu.addListener(function(element, selection) {
return {
tick : CKEDITOR.TRISTATE_OFF
};
});
}

这将显示为

插入记号 -> 插入记号

-------------- 插入问号

-------------- 插入勾号和问号

关于php - 如何在 CkEditor 中右键单击添加其他菜单项?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16506884/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com