ロードエディタでテキストの方向[rtl]を設定するにはどうすればよいですか?
5 に答える
ドキュメントによると、これはそれを行う必要があります:
CKEDITOR.config.contentsLangDirectionCKSourceマニュアル
そこからの例:
config.contentsLangDirection = 'rtl';
これを行うもう1つの方法は、ビューファイルから直接行うことです。replace()メソッドを使用する利点は、ビューごとに異なる方向とスタイルを使用できることです。
CKEDITOR.replace( 'article_area', {
contentsLangDirection: 'rtl'
} );
replace()を使用すると、タグの許可/禁止やエディターからのボタンの削除など、他のフィルタリング機能を実行することもできます。詳細な説明については、以下をご覧ください。
http://ckeditor.com/ckeditor_4.1rc/samples/datafiltering.html
CKEditorバージョン5を使用する場合、構成ブロックは次のようになります。
language: {
ui: 'en',
content: 'ar'
}
この例では、エディター自体は英語(見出しと向きの両方)のままで、コンテンツはアラビア語(したがって右から左)で編集されます。
この例を選択したのは、これら2つの目的で異なる言語を使用できることを示すためです(たとえば、テキストエディターでCMSを構築し、管理者が異なるサイトコンテンツにアラビア語またはヘブライ語の翻訳を追加したいが、エディター自体と英語でやり取りしたい場合) 。ただしui: 'ar'、エディター自体をミラーリングするように設定することもできます(これを行うには、いくつかの方法のいずれかで言語をバンドルする必要があると思います。以下のリンクを参照してください)。
双方向テキストのサポートは良いようです(アラビア語で何かを入力してから英語で入力すると、英語で入力している間だけ自動的に左から右に切り替わります)。
参照: https ://ckeditor.com/blog/CKEditor-5-v12.4.0-with-image-resizing-to-do-lists-RTL-language-support-and-more/ およびリンクされた https:// ckeditor .com / docs / ckeditor5 / latest / features / ui-language.html#righttoleft-rtl-languages-support
以下のように、CkEditor内のContentsLangDirection="Rtl"を変更するだけです。
<CKEditor:CKEditorControl ID="CKEdMainPageDescriptionWebsiteMobileappAr" BasePath="ckeditor/" runat="server" Width="100%" Toolbar="Basic" ContentsLangDirection="Rtl"
ToolbarBasic="|Bold|Italic|Underline|Strike|-|NumberedList|BulletedList|Outdent|Indent|-|JustifyLeft|JustifyCenter|JustifyRight|JustifyBlock|
|Styles|-|Format|-|Font|-|FontSize|
/
|Link|Unlink|-|TextColor|-|Undo|Redo|Cut|Copy|Paste|PasteText|PasteFromWord|"> </CKEditor:CKEditorControl>
バージョン5以降、言語設定を変更することで方向を設定できます。詳細については、こちらをご覧ください。