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

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

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

Answer 2

使用

tinymce.init({
    extended_valid_elements: '*[class]|*[data-*]'
});

语法在这里描述：