programing

jquery를 사용하여 콘텐츠를 작은 크기의 rtl에 정렬합니다.

mailnote 2023. 3. 17. 21:48
반응형

jquery를 사용하여 콘텐츠를 작은 크기의 rtl에 정렬합니다.

워드프레스 플러그인 개발 중인데 사용자가 오른쪽에서 왼쪽으로 텍스트 변환 방향을 누르면 작은 인터페이스에 버튼을 추가했습니다. 다음을 시도했지만 성공하지 못했습니다.

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

여기에 이미지 설명 입력

RTL 언어로 투고 작성에 관한 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;
}

그리고 그 기능은 다음과 같습니다.


TinyMCE에서 방향성을 다루는 초기화할 수 있는 플러그인이 이미 있는 것 같습니다.

이게 네가 찾는 거야, 아니면 내가 놓친 거야?

추신: 에디터 내에서 기능하는지는 명확하지 않기 때문에 그렇지 않을 수도 있지만, 당신이 찾고 있는 것처럼 들리는 것은 시도해 볼 가치가 있다고 생각합니다.

언급URL : https://stackoverflow.com/questions/26130144/align-content-to-rtl-in-tinymce-using-jquery

반응형