嵌入的YouTube視頻，包括TinyMCE的

Question

新的iframe嵌入代碼，我想老嵌入代碼添加YouTube視頻到TinyMCE的，它工作正常。有些用戶可能沒有意識到他們必須點擊YouTube嵌入代碼鏈接中的舊嵌入代碼選項才能添加它。

我想讓用戶容易，並允許他們直接複製新的嵌入代碼並將其粘貼到TinyMCE上，然後離開它們。

新的嵌入代碼看起來像下面的例子：

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

我怎麼TinyMCE的接受與iframe中的YouTube嵌入代碼的新版本？

我工作的一個CakePHP的網站建設。

Answer 1

默認的TinyMCE會過濾掉iframe標籤出於安全考慮。您可以將此標記及其屬性添加到允許的html元素列表中。

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

默認規則集：

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] 

我不會建議允許用戶嵌入的iframe在公共網站上標記。

Answer 2

我認爲，使用「extended_valid_elements」比編輯原始設置好。

看出：TinyMCS - extended_valid_elements