我如何在tinymce4中为一个元素添加一个类

Question

我刚刚切换到tinymce4，我无法理解为什么我不能为所选元素添加类。

我想要做的是将“lightbox”类添加到链接到图像的大版本的“a”元素。

要在格式菜单中添加类，我已经创建了一个自定义css，然后在我传递的tinymce配置对象中：

'content_css'    : 'admin/tinymce.css'
importcss_append : true,
importcss_groups : [{title: 'Special classes'}]

使用此代码，我会在格式下看到“特殊类”子菜单。

如果我选择一个标签并从“特殊课程”菜单中点击“lighbox”课程，我会得到以下代码：

<span class="lightbox"><a href="bigimage.jpg" class="lightbox"><img src="thumbnail.jpg" /></a></span>

但我想要的是：

<a class="lightbox" href="bigimage.jpg" class="lightbox"><img src="thumbnail.jpg" /></a>

有任何帮助吗？

Answer 1

我找到了一个解决方案，在我添加的配置对象中：

style_formats: [{title: 'Special Classes', 
                 items: [
                        {title: 'Lighbox', selector: 'a', 'classes': 'lightbox'}
                        ]}

这样，如果我选择一个标签并添加格式“Lightbox”，它会将该类添加到右侧元素而不添加span元素。