Question

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

所以我在这里有两个问题：

数据属性是动态的（可能是数据选项，数据测试，数据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 setting。这是一个例子

    // 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。注意+号？）

TinyMCE，允许数据属性

2 个答案: