Bỏ qua/thay thế các thuộc tính phần tử trong TinyMCE

Question

Tôi đã tìm kiếm mà không có bất kỳ kết quả nào, có ai ở đây biết cách bỏ qua và/hoặc thay thế thuộc tính phần tử trong TinyMCE?

Ví dụ:

<table cellpadding="0" cellspacing="0" class="tdTable" style="margin: 0 20px 0 0;"> 

Tôi muốn thay thế mã trên để:

<table cellpadding="0" cellspacing="5"> 

Answer 1

TinyMCE mang lại chức năng này trong vòng dom.parser của nó:

tinyMCE.activeEditor.dom.Serializer.addAttributeFilter('class,style', function(nodes, name) { 
     for (var i = 0; i < nodes.length; i++) { 
      console.log(nodes[i].name); 
      tinyMCE.dom.setAttrib(nodes[i], 'class', null); 
      tinyMCE.dom.setAttrib(nodes[i], 'style', null); 
      // Process the nodes here (e.g. set attribute to null or delete Attribute) 
     } 
    }); 

Bạn có thể cũng áp dụng thay đổi cho toàn bộ mảng:

tinyMCE.activeEditor.dom.Serializer.addAttributeFilter('class', function(nodes, name) { 
     tinyMCE.dom.setAttrib(nodes, 'class', null); 
    }); 
    tinyMCE.activeEditor.dom.Serializer.addAttributeFilter('style', function(nodes, name) { 
     tinyMCE.dom.setAttrib(nodes, 'style', null); 
    }); 

Xem ở đây cho một tài liệu đầy đủ các chức năng: http://www.tinymce.com/wiki.php/API3:namespace.tinymce.dom

Answer 2

sử dụng invalid_elements thiết khi khởi tạo trình biên tập ví dụ, tôi sử dụng:

invalid_elements: '@[onclick|ondblclick|onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|onkeydown|onkeyup],script,input,select,option,button,textarea,form', 

để thoát khỏi tất cả các đề cập các phần tử/thuộc tính tại văn bản đầu ra