我正在尝试基于现有的 TinyMCE 4 图像插件构建自定义插件。它将有两个下拉菜单。当用户单击第一个时 - 我想隐藏第二个(css 样式
display: none;
)。
这里有一些在初始化程序中添加下拉菜单的代码:
targetTest1ListCtrl = {
name: 'test1',
type: 'listbox',
label: 'Test1',
values: buildValues('target_list', 'target', InputDataArray),
onClick: function(e) {
//code I'm looking for
},
};
generalFormItems.push(targetTest1ListCtrl);
targetTest2ListCtrl = {
name: 'test2',
type: 'listbox',
label: 'Test2',
values: buildValues('target_list', 'target', InputDataArray2)
};
generalFormItems.push(targetTest2ListCtrl);
如果我将
alert
放入 onclick 事件中,两个下拉菜单都会生成得很好 - 它会完美触发,但我无法找到如何通过 TinyMCE 访问我的 test2
并更改其样式。
找到答案:
sampleElement = win.find('#test2')[0];
sampleElement.hide();
其中
#test2
是 #
+您的 Ctrl 名称。
editor.editorManager.dom.DomQuery("button[title='you_button_title']")[0].style.display = 'none';