Incrustar video de YouTube con nuevo código incrustado iframe en TinyMCE

Question

Probé el código incrustado anterior para agregar videos de YouTube a TinyMCE y funciona bien. Es posible que algunos de los usuarios no se den cuenta de que tienen que hacer clic en la opción del código incrustado anterior en el enlace de código de inserción de YouTube para agregarlo.

Quiero facilitarles a los usuarios y permitirles simplemente copiar el nuevo código de inserción directamente y péguelo en TinyMCE y se van.

El nuevo código de inserción tiene el siguiente ejemplo:

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

¿Cómo llego TinyMCE para aceptar la nueva versión del código de inserción de YouTube con iframe?

Estoy trabajando en una compilación del sitio de CakePHP.

Answer 1

Por defecto, TinyMCE filtrará la etiqueta iframe por razones de seguridad. Puede agregar esta etiqueta y sus atributos a la lista permitida de elementos html.

Ver conjunto de reglas http://tinymce.moxiecode.com/wiki.php/Configuration:valid_elements

defecto:

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" 
}); 

añadir lo siguiente al final de la lista

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

No recomendaría que los usuarios puedan integrar iframe etiqueta en un sitio web público.

Answer 2

Creo que el uso de "extended_valid_elements" es mejor que editar la configuración original.

Ver que: TinyMCS - extended_valid_elements