将TinyMCE编辑器添加到自定义元框文本区域的正确方式是什么?

时间:2011-10-19 作者:jam

由于Wp 3.2对TinyMCE和Wordpress进行了大量更改,因此我无法找到如何将微型MCE添加到页面的元框中。

这就是我不启动MCE时的样子http://screencast.com/t/ECQeyvJYC

这就是我启动微型MCE的时候

if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
tinyMCE.execCommand("mceAddControl", false, "templatetext");
}

http://screencast.com/t/muvuD0esJW

所以一切都搞砸了。

你知道解决方法吗?

2 个回复
SO网友:patnz

不确定这是否有帮助,但引入了3.3wp_editor() 用于显示编辑器。

SO网友:Arvind07
To add TinyMCE editor please follow below given steps:

 1. Add following function to your plugins file or the functions.php of your theme:

    function addtinymce() {
    echo \'<script language="javascript" type="text/javascript" src="\'.site_url().\'/wp-includes/js/tinymce/tiny_mce.js"></script>\';
    echo \'<script language="javascript" type="text/javascript">\';
    echo \'tinyMCE.init({
            // General options
            mode : "textareas",
            theme : "advanced",
            plugins : "autolink,lists,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 : "\'.site_url().\'/wp-content/themes/astoria/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"
        });\';
    echo \'</script>\';
    }

 2. Now at the page where you want to use TinyMCE editor, simply call the function as:

    addtinymce();

It will automatically convert your textarea to the editor.
Hope it works for you:)
结束

相关推荐

为什么我的Metabox数据不会保存?

我有一个自定义帖子,里面有很多元框。我最近尝试添加一些动态元数据库,使用以下问题:Create more Meta Boxes as needed我设法让元盒添加得很好,jquery工作得很好,除了save\\u post操作之外,其他一切都工作得很好——“评论”保存得很好,但“筛选”没有。我在代码中做错了什么?我肯定我忽略了一些非常简单的东西,也许是用nonces?Edit: 我知道我可以用一个save_post, 如果我只有这些动态元盒中的一个,那么这是可行的,但如果我添加了第二个(或更多)动态元盒部