TinyMCE 4-向任何HTML标记添加自定义样式/类/属性

是否有任何插件/可能性允许TinyMCE 4 WYSIWYG向HTML标记添加自定义属性

例如，我通过编辑器（而不是源代码）添加了此代码：

例如，我只需要将

class=“mypdffile”

或

data xxx=“someval”

属性添加到上面代码中查看的

标记中

---

如何在不更改

tinymce.init

中的config对象的情况下执行此操作？

通过init，您可以向编辑器添加样式菜单，您可以在其中创建应用于div的样式，并将其称为

class=“mypdffile”

使用

据

语法如下所述：

---

所以当前配置不允许您访问源代码视图？确实允许，但当我通过源代码编辑代码并保存它时，TinyMCE会将源代码更改为默认值（无需修改）。您是否可以编辑其他区域的源代码，还是仅此而已？你有没有尝试过用这个类添加一个新的div而不是编辑外部的div？是的，我可以对源代码进行编辑。是的，我添加了新的

div

，带有特定的类-it worket。但还是。。。我认为这方面存在任何用户界面。通常类等没有gui控件，但必须通过源代码编辑器完成-我认为最接近的事情是添加页面锚链接。

<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>

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

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