tinymce - 强制 TinyMCE 去除数据属性

Question

我正在使用 TinyMCE 插件并将 valid_elements 选项设置为:

"a[href|target:_blank],strong/b,em/i,br,p,ul,ol,li"

即使没有列出数据属性，TinyMCE 也不会删除它们。它似乎去除了所有其他未列出的属性，但出于某种原因，data- 属性(例如 data-foo="bar")是一个异常(exception)。我怎样才能让 TinyMCE 去除数据属性？

我使用的是 TinyMCE 3.4.7 版

Answer 1

我就是这样解决这个问题的。我手动更改了 TinyMCE 通过此函数运行生成的 HTML:

var stripDataAttributes = function(html) {

  var tags = html.match(/(<\/?[\S][^>]*>)/gi);
  tags.forEach(function(tag){
    html = html.replace(tag, tag.replace(/(data-.+?=".*?")|(data-.+?='.*?')|(data-[a-zA-Z0-9-]+)/g, ''));
  });

  return html;
};

这是一个 jsbin:https://jsbin.com/lavemi/3/edit?js,console

使用方法如下:

tinyMCE.activeEditor.setContent(
  stripDataAttributes(
    tinyMCE.activeEditor.getContent()
  )
);