单击CK编辑器工具栏上的获取UI按钮
Get UI button clicked on CK Editor toolbar
我为CK Editor构建了一个非常简单的插件(因为这显然是向工具栏添加自定义按钮的唯一方法?)
我想知道当我的自定义按钮被点击时,我如何获得它的DOM ID(或者任何代表按钮的对象,它将允许我创建一个jQuery对象)
(function () {
CKEDITOR.plugins.add('myplugin', {
icons: 'myicon',
hidpi: true,
init: function (editor) {
editor.addCommand('mycommand', {
exec : function(editor) {
// get button information
}
});
editor.ui.addButton && editor.ui.addButton('MyCommand', {
label: 'Custom Action',
command: 'mycommand',
toolbar: 'insert,5',
icon: 'myicon'
});
}
});
})();
我想在单击按钮时将我自己的自定义UI元素附加到工具栏上,并且我需要一个相对的锚点才能在屏幕上的正确位置显示它。
我使用的是CK Editor 4.2
在您的情况下,您可以使用以下代码(使用jQuery)访问按钮:
$(document).on('click', '.cke_button__mycommand', function(){
// do stuff
});
您可以使用浏览器检查工具栏以获取更多信息。
相关文章:
- Node Red在Admin UI中获取配置节点值
- Ui路由器:获取控制器中视图的名称
- 获取活动的jQuery UI对话框
- 在jQuery UI中获取ul和li值,拖放即可排序
- 如何使用UI Automation JavaScript Reference for iOS appium获取本机应用程
- 我正在使用角度 ui-select 进行下拉.如何在控制器中获取所选值
- 如何使用jQuery在模板kendo UI中获取元素类
- 如何使用AngularJS和ui-router从Laravel 5.1获取下载文件
- 从 UI 路由器$stateChangeStart获取父状态
- jQuery UI Slider ui.value 获取最后一个数字
- Angular ui.grid 获取嵌套行
- 使用 jQuery UI 从选择选项中获取值
- 语义 UI 手风琴获取打开事件中打开的项目的索引
- 获取 Angular UI-Calendar 上的所有事件(Arshaw 完整日历的指令)
- 从日期选择器中获取默认格式的日期,并在jquery UI中转换为其他格式
- 剑道ui树视图dragend获取节点id
- 如何从函数中获取UI变量
- 如何获取 ui 路由器状态参数
- 单击CK编辑器工具栏上的获取UI按钮
- 获取ui-grid的所有值(在每个