我创建了一个自定义链接按钮,并希望它在您选择/单击文本编辑器中的链接时突出显示/选中,就像单击粗体文本显示选中的粗体图标一样。在TinyMCE 4中,您可以简单地使用“stateSelector”在选择那种 DOM 元素时使其突出显示,如下所示:
editor.ui.registry.addButton('SpecialLink', {
icon: 'link',
onAction: makeSpecialLink(),
**stateSelector: 'a[href]'**
});
我找不到任何关于在TinyMCE 5中替换 stateSelector 的信息,到目前为止,我所能做的就是在 tinymce.init 中重新创建一些功能:
init_instance_callback: function(editor) {
editor.on("SelectionChange", function(e){
let elem = editor.selection.getNode();
if( $(elem).is("a") )
console.log("Highlight the Special Link button");
else
console.log("Deselect the Special Link button");
})
}
我可以参考myMCE.plugins.SpecialLink
,但我不能调用setActive(true)
它。
任何帮助将不胜感激!