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

Question

是否有任何插件/可能性允许通过 TinyMCE 4 WYSIWYG 将自定义属性添加到 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

通过 init，您可以向编辑器添加样式菜单，您可以在其中创建适用于 div 的样式并调用它class="mypdffile"

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