Javascript ckeditor-将类添加到工具栏按钮的父范围
我可以将类添加到按钮:Javascript ckeditor-将类添加到工具栏按钮的父范围,javascript,jquery,html,css,ckeditor,Javascript,Jquery,Html,Css,Ckeditor,我可以将类添加到按钮: editor.ui.addButton(_buttonName, { 'label': 'Switch Toolbar', icon: CKEDITOR.getUrl(this.path) + 'images/' + pluginIcon, className: 'cke_switchtoolbar', command
editor.ui.addButton(_buttonName,
{
'label': 'Switch Toolbar',
icon: CKEDITOR.getUrl(this.path) + 'images/' + pluginIcon,
className: 'cke_switchtoolbar',
command: _pluginCommand
});
但我想对它的父跨度也应用一些样式。
我该怎么做呢
<span id="cke_403" class="cke_toolbar" aria-labelledby="cke_403_label" role="toolbar">
<span id="cke_403_label" class="cke_voice_label">Expandable</span>
<span class="cke_toolbar_start"></span>
<span class="cke_toolgroup" role="presentation">
<a id="cke_404" class="cke_switchtoolbar cke_button cke_button__switchbar cke_button_off cke_switchtoolbar" "="" href="javascript:void('Switch Toolbar')" title="Switch Toolbar" tabindex="-1" hidefocus="true" role="button" aria-labelledby="cke_404_label" aria-haspopup="false" onkeydown="return CKEDITOR.tools.callFunction(44,event);" onfocus="return CKEDITOR.tools.callFunction(45,event);" onmousedown="return CKEDITOR.tools.callFunction(46,event);" onclick="CKEDITOR.tools.callFunction(47,this);return false;">
<span class="cke_button_icon cke_button__switchbar_icon" style="background-image:url(http://localhost:55244/Content/ckeditor/plugins/switchbar/images/arrow-downward.png?t=D08E);background-position:0 undefinedpx;"> </span>
<span id="cke_404_label" class="cke_button_label cke_button__switchbar_label">Switch Toolbar</span>
</a>
</span>
<span class="cke_toolbar_end"></span>
</span>
可扩展
在这种情况下,我想通过类“
cke\u工具组”
”和类“cke\u工具栏”
”为span添加样式,该类具有类“cke\u开关工具栏”
”的内部按钮,但是,同一类“cke\u工具组”
”或“cke\u工具栏”
”可以有多个span>如果您给出的按钮的类名是唯一的,将自定义按钮添加到CKEditor工具栏后,可以使用一些jquery更改样式,如下所示:
$(".cke_toolbar").closets("span").addClass(yourClass);
最近的(“span”)
部分会找到最近的父级,即span,如果需要,您可以使用任何其他选择器。您也可以使用css将父级span作为目标,如#cke_1_top.cke_工具箱span:last child
或#cke_1_top.cke_工具箱span:n child(n)
#cke_1_top
是一个主要的父级span和.cke_toolbox
包装所有工具栏span,使用这两个span,您可以针对任何子span$(editor.window.getFrame().$)。contents()返回iFrame,但该按钮tollbar本身不是iFrame的一部分。您给btn的类名是否唯一?确定,我认为你需要更改内部编辑器文档,我的坏消息,我将更新我的回答。虽然这个代码片段可能会解决这个问题,但确实有助于提高你文章的质量。请记住,您将在将来回答读者的问题,这些人可能不知道您的代码建议的原因。还请尽量不要用解释性注释挤满您的代码,因为这会降低代码和解释的可读性!