使用jquery将内容与tinymce中的rtl对齐

时间:2014-09-30 21:08:13

标签: jquery wordpress wordpress-plugin tinymce

我正在开发一个Wordpress插件,我添加了一个按钮来设置界面,当用户按下它时,文本的方向从右向左转换。 我试着做以下但没有运气

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

enter image description here

2 个答案:

答案 0 :(得分:3)

关于Writing a Post in RTL Language的Codex文章建议使用插件WP-RTL

  

[...]启用原始TinyMCE编辑器中已存在的文本方向功能,允许在阿拉伯语等语言的同一帖子(或页面)中以从左到右和从右到左的方向书写文本,波斯语和希伯来语。

它的代码很简单:

<?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;
}

这就是它的作用:


答案 1 :(得分:2)

似乎已经有一个插件可以在TinyMCE中初始化处理方向性here

这是你想要的还是我错过了什么?

PS:它不清楚它是否在编辑器中起作用,所以它可能没有,但它值得一试,我想如果它听起来像你想要的那样。