Ckeditor CK编辑器中的文本方向

Ckeditor CK编辑器中的文本方向,ckeditor,right-to-left,bidi,Ckeditor,Right To Left,Bidi,如何在load editor上设置文本方向[rtl]?根据文档,应该这样做: 例如: config.contentsLangDirection = 'rtl'; 另一种方法是直接从视图文件执行,使用replace()方法的好处是,可以为每个视图使用不同的方向和样式 CKEDITOR.replace( 'article_area', { contentsLangDirection: 'rtl' } ); 通过使用replace(),您还可以执行其他过滤操作,如允许/禁止标记以及从编辑

如何在load editor上设置文本方向[rtl]?

根据文档,应该这样做:

例如:

config.contentsLangDirection = 'rtl';

另一种方法是直接从视图文件执行,使用replace()方法的好处是,可以为每个视图使用不同的方向和样式

CKEDITOR.replace( 'article_area', {
    contentsLangDirection: 'rtl'
} );
通过使用replace(),您还可以执行其他过滤操作,如允许/禁止标记以及从编辑器中删除按钮。有关详细说明,请访问:


只需更改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>

如果使用CKEditor版本5,配置块如下所示:

language: {
  ui: 'en',
  content: 'ar'
}
在本例中,编辑器本身将保持英语(标题和方向),内容将以阿拉伯语编辑(因此从右向左)

我选择这个例子是为了说明,为了这两个目的,可以使用不同的语言(比如说,如果您使用文本编辑器构建CMS,管理员希望为不同的网站内容添加阿拉伯语或希伯来语翻译,但要用英语与编辑器本身交互)。但是您也可以设置
ui:'ar'
,以便镜像编辑器本身(注意,要做到这一点,我认为您必须以几种方式之一绑定语言,请参阅下面的链接以供参考)

对双向文本的支持似乎很好(也就是说,用阿拉伯语键入一些东西,然后用英语键入,只有在你用英语键入时,它才会自动从左向右切换)

参考资料: 和链接

从版本5开始,可以通过更改语言设置来设置方向。你可以看到更多的细节