有没有办法可以插入tinymce?

前端之家收集整理的这篇文章主要介绍了有没有办法可以插入tinymce?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我尝试着,

但它剥夺了它的: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,查看您的设置是否正确加载.

猜你在找的HTML相关文章