Alinee el contenido a rtl en tinymce usando jquery

2 minutos de lectura

avatar de usuario
osos

Estoy desarrollando un complemento de WordPress y agregué un botón a la interfaz de tinymce, cuando el usuario lo presiona, la dirección del texto se convierte de derecha a izquierda. Intenté hacer lo siguiente pero sin suerte.

        tinymce.get('#tinymce').getBody().dir ="rtl";

ingrese la descripción de la imagen aquí

avatar de usuario
brasofilo

El artículo del Codex sobre Escribir una publicación en lenguaje RTL recomienda el uso del plugin WP-RTLcual

[…] habilita la funcionalidad de direcciones de texto que ya existe en el editor TinyMCE original que permite escribir textos en direcciones de izquierda a derecha y de derecha a izquierda en la misma publicación (o página) para idiomas como árabe, persa y hebreo.

Su código es muy simple:

<?php
/*
Plugin Name: WP-RTL
Plugin URI: http://www.fadvisor.net/blog/2008/10/wp-rtl/
Description: Adds two buttons to the TinyMCE editor to enable writing text in Left to Right (LTR) and Right to Left (RTL) directions.
Version: 0.3
Author: Fahad Alduraibi
Author URI: http://www.fadvisor.net/blog/
*/

add_action( "init", "tinymce_bidi_addbuttons" );

function tinymce_bidi_addbuttons() {
    if( !current_user_can ( 'edit_posts' ) && !current_user_can ( 'edit_pages' ) ) {
        return;
    }
    if( get_user_option ( 'rich_editing' ) == 'true' ) {
        add_filter( "mce_external_plugins", "tinymce_bidi_plugin" );
        add_filter( "mce_buttons", "tinymce_bidi_buttons" );
    }
}
function tinymce_bidi_buttons($buttons) {
    array_push($buttons, "separator", "ltr", "rtl");
    return $buttons;
}

function tinymce_bidi_plugin($plugin_array) {
    if (get_bloginfo('version') < 3.9) {
        $plugin_array['directionality'] = includes_url('js/tinymce/plugins/directionality/editor_plugin.js');
    } else {
        $plugin_array['directionality'] = includes_url('js/tinymce/plugins/directionality/plugin.min.js');
    }
    return $plugin_array;
}

Y esto es lo que hace:


Alinee el contenido a rtl en tinymce usando jquery

  • Me gusta la animación del gif, es muy informativo verlo en acción (+1)

    – birgire

    8 oct 2014 a las 12:22

Parece que ya existe un complemento que puede inicializar que se ocupa de la direccionalidad en TinyMCE aquí

¿Es esto lo que estás buscando o me estoy perdiendo algo?

PD: no está claro si funciona o no dentro del editor, por lo que puede que no, pero creo que vale la pena intentarlo si suena como lo que estás buscando.

¿Ha sido útil esta solución?