반응형
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
반응형
'programing' 카테고리의 다른 글
JsonObject / JsonArray 값을 직접 수정하는 방법은 무엇입니까? (0) | 2023.03.22 |
---|---|
jQuery Ajax 오류 처리, 사용자 지정 예외 메시지 표시 (0) | 2023.03.17 |
파일 또는 어셈블리 'Newtonsoft'를 로드할 수 없습니다.Json' 또는 그 종속 요소 중 하나.매니페스트 정의가 어셈블리 참조와 일치하지 않습니다. (0) | 2023.03.17 |
스프링 부트 테스트 전 데이터베이스 초기화 (0) | 2023.03.17 |
requirejs와 reactjs 사용 (0) | 2023.03.17 |