¿Cómo incluyo el editor de tinymce en la interfaz?

20

Estoy intentando agregar un editor de tinymce en mi interfaz desde donde los usuarios pueden publicar. Pero no hay suerte hasta ahora. Aquí está el código:

PHP:

add_action('wp_print_scripts', 'my_enqueue_scripts');

function my_enqueue_scripts() {      
        wp_enqueue_script( 'tiny_mce' );
        if (function_exists('wp_tiny_mce')) wp_tiny_mce();
}

Javascript:

jQuery(document).ready(function(){
tinyMCE.init({
        mode : "textareas",
        theme : "simple", 
        /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/
        editor_selector :"editor"
    });
});

HTML:

<textarea rows="8" cols="40" name="description" id="editor" class="required"><?php echo $description;?></textarea>

Problema: Texteditor no se agrega a textarea. Aunque el archivo tinymce js se está cargando.

    
pregunta Sisir 20.05.2011 - 12:26

4 respuestas

13

Bueno, gracias a wp 3.3 ahora tenemos la función wp_editor() para hacer eso :)

    
respondido por el Sisir 12.12.2011 - 14:06
2

editor_selector es para las clases de segmentación, no para las identificaciones.

Además, cuando se usa editor_selector , se requiere configurar mode: "specific_textareas" para que funcione.

Consulte enlace

Para que su JavaScript y HTML se vean así:

jQuery(document).ready(function(){
tinyMCE.init({
        mode : "specific_textareas",
        theme : "simple", 
        /*plugins : "autolink, lists, spellchecker, style, layer, table, advhr, advimage, advlink, emotions, iespell, inlinepopups, insertdatetime, preview, media, searchreplace, print, contextmenu, paste, directionality, fullscreen, noneditable, visualchars, nonbreaking, xhtmlxtras, template",*/
        editor_selector :"tinymce-enabled"
    });
});

<textarea rows="8" cols="40" name="description" id="editor" class="tinymce-enabled required"><?php echo $description;?></textarea>
    
respondido por el maryisdead 25.06.2011 - 23:15
0

A pesar de que la respuesta @maryisdead podría ser correcta, te daré otra sugerencia, primero asegúrate de que solo haya un elemento en tu página con el id="editor" y, a continuación, configura tinymce así:

tinyMCE.init({
    ...
    mode : "exact",
    elements : "editor"
});

También use jQuery en lugar de $ en su código javascript para asegurarse de que está llamando a los métodos y selectores de jQuery.

    
respondido por el adrian7 05.08.2011 - 22:00
0

editor_selector es para clases y no para ID.

Deberías usar el valor editor_selector como el nombre de la clase del área de texto.

    
respondido por el Franklin Inbaraj 29.03.2016 - 07:53

Lea otras preguntas en las etiquetas