¿La forma correcta de agregar el editor TinyMCE al área de texto personalizada de meta box?

4

Desde que Wp 3.2 se cambió mucho a TinyMCE y Wordpress y no puedo descubrir cómo agregar el MCE minúsculo a la caja de meta en la página.

Así es como se ve cuando no estoy activando el MCE enlace

Y esto es cuando enciendo el Tiny MCE

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

enlace

Así que todo está desordenado en algún momento.

¿Conoces la solución?

    
pregunta jam 19.10.2011 - 23:21

2 respuestas

7

No estoy seguro de si esto ayuda, pero 3.3 introdujo wp_editor () para mostrar editores.

    
respondido por el patnz 27.12.2011 - 21:25
-1
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:)
    
respondido por el Arvind07 20.10.2011 - 06:25

Lea otras preguntas en las etiquetas