html - TinyMCE 4 - 添加自定义样式/类/属性到任何 HTML 标签

Question

是否有任何插件/可能允许通过 TinyMCE 4 所见即所得向 HTML 标签添加自定义属性？

例如，我通过编辑器添加了这段代码(不是通过源代码):

<div dir="ltr">
    <a href="/uploads/myfile.pdf">My file<img src="/uploads/icons/pdf-icon.jpg" alt="My file" width="40" height="40" /></a>
</div>

我只需要添加，例如 class="mypdffile"或 data-xxx="someval" <div> 的属性在上面的代码中查看的标签。

如何在不更改 tinymce.init 中的配置对象的情况下执行此操作？ ？

Answer 1

通过初始化，您可以向编辑器添加样式菜单，您可以在其中创建适用于 div 的样式并将其命名为 class="mypdffile"

tinymce.init({
    style_formats: [
        {title: 'My PDF file', selector: 'div', classes: 'mypdffile'}
    ]
});