2011-03-07 49 views
15

我試圖,有沒有辦法可以在tinymce中插入<iframe>?

但它地帶的:S

我的TinyMCE的初始化:

  // 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,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", 
     theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", 
     theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,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" 
     } 
}); 

回答

27

我一直在尋找相同的答案,發現最上面提到的誤導的鏈接(例如,提到將新元素添加到valid_elements,或者cms(drupal)驅動)。所以我想加入這個更直接的答案:

在tinyMCE的默認設置上,settings.valid_elements上沒有iframe,擴展/定製它的正確位置是將新元素添加到settings.extended_valid_elements中這樣的:

tinyMCE.init({ 
    ... 
    extended_valid_elements : "iframe[src|frameborder|style|scrolling|class|width|height|name|align]" 
}); 

順便說一句,你可以很容易的Firebug或Chrome的開發者工具的控制檯內,檢查/調試TinyMCE的設置。只需輸入:tinyMCE.settings.extended_valid_elements,查看您的設置是否正確加載。

-1

請從

'isi_content' => $this->input->post('isi',true), 

設置你的PHP代碼發佈到

'isi_content' => str_replace('&lt;','<',$this->input->post('isi',true)), 
+2

我想你回答錯誤的問題.. – 2017-04-25 09:46:43

相關問題