我尝试着,
但它剥夺了它的:S
我的Tinymce init:
// General options tinyMCE.init({ // General options mode : "textareas",theme : "advanced",plugins : "spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",// Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",theme_advanced_buttons2 : "cut,copy,pastetext,pasteword,search,replace,bullist,numlist,outdent,indent,blockquote,undo,redo,link,unlink,anchor,image,cleanup,help,code,insertdate,inserttime,forecolor,backcolor",theme_advanced_buttons3 : "tablecontrols,hr,removeformat,visualaid,sub,sup,charmap,ltr,rtl,fullscreen",theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,styleprops,spellchecker,cite,abbr,acronym,del,ins,attribs,template,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",// Example content CSS (should be your site CSS) content_css : "css/style.css",// Drop lists for link/image/media/template dialogs template_external_list_url : "js/template_list.js",external_link_list_url : "js/link_list.js",external_image_list_url : "js/image_list.js",media_external_list_url : "js/media_list.js",// Replace values for the template plugin template_replace_values : { username : "Some User",staffid : "991234" } });
解决方法
我正在寻找相同的答案,发现上面提到的大部分链接都会引起误解(例如提及将新元素添加到valid_elements或者太cms(drupal)-driven).所以我想添加这个更直接的答案:
在tinyMCE的默认设置上,在settings.valid_elements上没有iframe,扩展/自定义它的正确位置将是向settings.extended_valid_elements添加新的元素,如下所示:
tinyMCE.init({ ... extended_valid_elements : "iframe[src|frameborder|style|scrolling|class|width|height|name|align]" });
BTW,您可以在Firebug或Chrome的开发工具控制台中轻松查看/调试tinyMCE的设置.只需键入:tinyMCE.settings.extended_valid_elements,查看您的设置是否正确加载.