WordPress可视化编辑器tinymce如何保留自定义属性

Question

我正在编写一个 WordPress 插件，它向 WP 中的 tinymce 编辑器添加按钮。我正在向 DOM 元素添加自定义属性，例如 data-initial="3".. 但 WordPress 不保存它们。即使我尝试在 html 编辑器中编写自定义属性，当我切换到可视化编辑器并返回时，自定义属性也不再存在。

任何使 WP 保留自定义属性的解决方案？

谢谢!

Answer 1

您需要将自定义属性添加到 valid_elements在tinymce init

valid_elements: "@[id|class|title|style|data-initial|...]," + //Your attributes HERE!!!
        "a[name|href|target|title]," +
        "#p,-ol,-ul,-li,br,img[src],-sub,-sup,-b,-i," +
        "-span,hr",

为了将它们保留在编辑器中 - 否则 tinymce 清理功能将删除它们(因为它们无效)。