Tinymce - 粘贴内容会删除类

Question

从编辑器复制内容并粘贴到编辑器中，从其他现有元素中删除类。我什至不知道为什么会发生。有什么帮助吗？

Answer 1

Tinymce 版本 5 vs 6，我用这个：

var stripAttributes = function(html) {
  var tags = html.match(/(<\/?[\S][^>]*>)/gi);
  tags.forEach(function(tag){
    // Remove "class" attributes
    var noClass = tag.replace(/(class=".*?")|(class='.*?')|(class=[^\s>]*)/gi, '');

    // Remove "id" attributes
    var noID = noClass.replace(/(id=".*?")|(id='.*?')|(id=[^\s>]*)/gi, '');

    // Remove "data-" attributes
    var noData = noID.replace(/(data-.+?=".*?")|(data-.+?='.*?')|(data-[a-zA-Z0-9-]+)/gi, '');
    // Update html string
    html = html.replace(tag, noData);
  });
  return html;
};

并且：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  toolbar: 'paste',
  paste_tab_spaces: 2,
 paste_preprocess : (editor, args) => {
            console.log("before" , args.content);
            args.content  = stripAttributes(args.content);
            console.log("after" , args.content);
        },
});