TinyMCE，允许数据属性

Question

我必须在 Tiny MCE 中使用 HTML 5 data 属性，但编辑器总是清除它们，因为它不是默认 valid_elements 配置已知的属性。

所以我这里有两个问题：

• 数据属性是动态的（它可能是 data-options、data-test、data-foo 等）所以我需要一个通配符值或其他值。
• 我想允许所有标签的数据属性。

到目前为止，我已经尝试过：

extended_valid_elements : '@[id|class|title|style|data-options]',

并且：

extended_valid_elements : '*[id|class|title|style|data*]',

但它不起作用:(

Answer 1

extended_valid_elements 在这里不是最佳选择。
看一下 valid_elements 设置。这是一个例子

    // The valid_elements option defines which elements will remain in the edited text when the editor saves.
    valid_elements: "@[id|class|title|style|data-options|data*]," +
    "a[name|href|target|title]," +
    "#p,-ol,-ul,-li,br,img[src|height|width],-b,-i,-u," +
    "-span[data-mce-type],hr",

Answer 2

我正在使用：

extended_valid_elements: "+@[data-options]"

它对我有用。 （TinyMCE 4.3.11。注意到+号了吗？）

Answer 3

我设置某些元素并添加所有必要的属性，如下所示

extended_valid_elements: "a[id|class|title|style|data-*|hx-*]"