TinyMCE에서 사용자 정의 태그의 속성을 제거하는 중

Question

나중에 동적으로 바꿀 html 코드에 자리 표시자를 삽입하려고합니다. 지금까지 나는 코드를 삽입 할 수 있었고 TinyMCE는 태그를 인식하지만 id 속성을 추가하려고하면 알 수없는 이유로 속성이 제거됩니다. 나는 대부분의 추가 옵션을 시도했지만 아무 것도 작동하지 않는 것 같습니다.

현재 설정 :

extended_valid_elements : "module[id]", 
valid_children : "module[img]", 
custom_elements : "module", 

(코드를 연속적 삽입) 버튼을 작성하는 코드 : 당신이 알 수 있듯이

setup : function(ed) { 
    // Add a custom button 
    ed.addButton("module", { 
     title : "Module", 
     image : "images/app-x-php-icon.png", 
     onclick : function() { 
      ed.focus(); 
      var options = document.getElementById('rendermcemods').innerHTML+""; 
      var optionList = options.split('|'); 
      var name=prompt("Please enter module name out of: "+options,optionList[0]); 
      for(var i=0;i<optionList.length;i++){ 
       if(optionList[i] == name){ 
        var patt=new RegExp('<module id="'+name+'">.*</module>','ig'); 
        var content = '<module id="'+name+'"><img src="images/app-x-php-icon.png" /></module>'; 
        //alert(content); 
        if(! patt.test(ed.getContent())){ 
         ed.execCommand('mceInsertContent', false,content); 
        }        
       } 
      }            
     } 
    });     
} 

는, 내가 사용하는 삽입하기 전에 경고, 거기에 내용이 올바른지 확인하려면 ... 버튼을 사용하여 코드를 삽입 한 다음 html을 보면, 이것이 내가 얻은 것입니다.

<module><img src=images/app-x-php-icon.png" alt="" /></module> 

누구든지이 문제를 해결하는 방법을 알고 있습니까?

업데이트 : TinyMCE에 대한

전체 설정 설정 :

// General options 
     mode : "none", 
     theme : "advanced", 
     plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,\n\ 
        save,advhr,advimage,advlink,emotions,iespell,inlinepopups,\n\ 
        insertdatetime,media,searchreplace,print,contextmenu,paste,\n\ 
        directionality,fullscreen,noneditable,visualchars,\n\ 
        nonbreaking,xhtmlxtras", 

     // Theme options 
     theme_advanced_buttons1 : "fullscreen,help,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect,|,module", 
     theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,code,|,insertdate,inserttime,|,forecolor,backcolor", 
     theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,ltr,rtl,|,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,blockquote,|,insertfile,insertimage", 
     theme_advanced_toolbar_location : "top", 
     theme_advanced_toolbar_align : "left", 
     theme_advanced_statusbar_location : "bottom", 
     theme_advanced_resizing : true, 

     // Skin options 
     skin : "o2k7", 
     skin_variant : "silver", 

     document_base_url : "http://www.example.com", 
     content_css : "content.css", 
     extended_valid_elements : "module[id]", 
     valid_children : "module[img]", 
     /*custom_elements : "module", */   

     // Drop lists for link/image/media/template dialogs    
     external_link_list_url : "js/generateList.php?A=link", 
     external_image_list_url : "js/generateList.php?A=image", 
     media_external_list_url : "js/generateList.php?A=media", 

     setup : function(ed) { 
      // Add a custom button 
      ed.addButton("module", { 
       title : "Module", 
       image : "images/app-x-php-icon.png", 
       onclick : function() { 
        ed.focus(); 
        var options = document.getElementById('rendermcemods').innerHTML+""; 
        var optionList = options.split('|'); 
        var name=prompt("Please enter module name out of: "+options,optionList[0]); 
        for(var i=0;i<optionList.length;i++){ 
         if(optionList[i] == name){ 
          var patt=new RegExp('<module id="'+name+'">.*</module>','ig'); 
          var content = '<module id="'+name+'"><img src="images/app-x-php-icon.png" /></module>'; 
          //alert(content); 
          if(! patt.test(ed.getContent())){ 
           ed.execCommand('mceInsertContent', false,content); 
          }        
         } 
        }            
       } 
      });     
     } 

또 다른 갱신 : 그것은 재미있을 (잘하면 해결하는 데 도움이) TinyMCE에 일 때 id 속성이 제거되지 않는다는 것을 알 수있다 이미로드되어 있으며 이미있는 속성에 대한 기존 코드를 정리해도 제거되지 않습니다.

Answer 1

내가 끝낸 해결책은 blockElementsMap과 과도기 맵을 소스 코드에 수정하는 것입니다. 이것이 커스텀 태그를 'blocklevel'엘리먼트로 인식 할 수있는 유일한 방법이었을뿐만 아니라 나중에 처리 할 코드에 정확하게 추가 할 수있게되었습니다.

Answer 2

module을 extended_valid_elements/custom_elements 대신 valid_elements에 입력합니다. extended_valid_elements 가끔 이상하게 작동합니다.

내 자신의 설정은 (는합니다 (moxiecode 웹 사이트에서 찾을 수 있습니다)) 기본값을 사용해야 할 것입니다 당신이 사용자 정의 TinyMCE에의 설정에 사용하지 않을 경우 (자신의 valid_elements 및 valid_children 설정을 확대해야합니다) 다음과 같습니다 :

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

valid_children: "body[p|ol|ul|hr]" + 
"module[img]" + 
",p[a|span|b|i|u|sup|sub|img|hr|#text|blockquote]" + 
",span[a|b|i|u|sup|sub|img|#text|blockquote]" + 
",a[span|b|i|u|sup|sub|img|#text|blockquote]" + 
",b[span|a|i|u|sup|sub|img|#text|blockquote]" + 
",i[span|a|b|u|sup|sub|img|#text|blockquote]" + 
",sup[span|a|i|b|u|sub|img|#text]" + 
",sub[span|a|i|b|u|sup|img|#text]" + 
",li[span|a|b|i|u|sup|sub|img|ol|ul|#text]" + 
",ol[li]" + 
",ul[li]",