YouTube videosunu TinyMCE

Question

'daki yeni iframe embed kodu ile gömme YouTube videolarını TinyMCE'e eklemek için eski gömme kodunu denedim ve gayet iyi çalışıyor. Kullanıcıların bazıları, YouTube gömülü kod bağlantısında eski gömülü kod seçeneğine tıklamak zorunda olduklarını fark etmeyebilirler.

Kullanıcıların kolay bir şekilde yayınlanmasını ve yeni gömme kodunu doğrudan kopyalamasına izin vermek istiyorum. ve TinyMCE üzerine yapıştırın ve gittiler.

Yeni gömme kodu aşağıdaki örnek gibi görünür:

<iframe title="YouTube video player" width="640" height="390" 
     src="http://www.youtube.com/embed/VvJ037b_kLs" 
     frameborder="0" allowfullscreen></iframe> 

nasıl TinyMCE iframe YouTube embed kodunun yeni sürümünü kabul etmek alabilirim?

Bir CakePHP site yapısı üzerinde çalışıyorum.

Answer 1

Varsayılan olarak TinyMCE güvenlik nedenleriyle iframe etiketini filtreleyecektir. Bu etiketi ve özelliklerini html öğelerinin izin verilen listesine ekleyebilirsin.

Bkz http://tinymce.moxiecode.com/wiki.php/Configuration:valid_elements

Standart kural kümesi:

tinyMCE.init({ 
     // ... other configurations 
     valid_elements : "@[id|class|style|title|dir<ltr?rtl|lang|xml::lang|onclick|ondblclick|" 
+ "onmousedown|onmouseup|onmouseover|onmousemove|onmouseout|onkeypress|" 
+ "onkeydown|onkeyup],a[rel|rev|charset|hreflang|tabindex|accesskey|type|" 
+ "name|href|target|title|class|onfocus|onblur],strong/b,em/i,strike,u," 
+ "#p,-ol[type|compact],-ul[type|compact],-li,br,img[longdesc|usemap|" 
+ "src|border|alt=|title|hspace|vspace|width|height|align],-sub,-sup," 
+ "-blockquote,-table[border=0|cellspacing|cellpadding|width|frame|rules|" 
+ "height|align|summary|bgcolor|background|bordercolor],-tr[rowspan|width|" 
+ "height|align|valign|bgcolor|background|bordercolor],tbody,thead,tfoot," 
+ "#td[colspan|rowspan|width|height|align|valign|bgcolor|background|bordercolor" 
+ "|scope],#th[colspan|rowspan|width|height|align|valign|scope],caption,-div," 
+ "-span,-code,-pre,address,-h1,-h2,-h3,-h4,-h5,-h6,hr[size|noshade],-font[face" 
+ "|size|color],dd,dl,dt,cite,abbr,acronym,del[datetime|cite],ins[datetime|cite]," 
+ "object[classid|width|height|codebase|*],param[name|value|_value],embed[type|width" 
+ "|height|src|*],script[src|type],map[name],area[shape|coords|href|alt|target],bdo," 
+ "button,col[align|char|charoff|span|valign|width],colgroup[align|char|charoff|span|" 
+ "valign|width],dfn,fieldset,form[action|accept|accept-charset|enctype|method]," 
+ "input[accept|alt|checked|disabled|maxlength|name|readonly|size|src|type|value]," 
+ "kbd,label[for],legend,noscript,optgroup[label|disabled],option[disabled|label|selected|value]," 
+ "q[cite],samp,select[disabled|multiple|name|size],small," 
+ "textarea[cols|rows|disabled|name|readonly],tt,var,big" 
}); 

,iframe[src|title|width|height|allowfullscreen|frameborder] 

Kullanıcıların iframe yerleştirmesine izin vermek tavsiye etmem listenin sonuna aşağıdakileri ekleyin Genel bir web sitesinde etiketleyin.

Answer 2

"extended_valid_elements" kullanımının orijinal ayarları düzenlemekten daha iyi olduğunu düşünüyorum. TinyMCS - extended_valid_elements