6

如何在加载编辑器上设置文本方向 [rtl]？

4

5 回答 5

20

根据文档，应该这样做：

CKEDITOR.config.contentsLangDirection在 CKSource 手册中

从那里获取的示例：

config.contentsLangDirection = 'rtl';
于 2010-06-26T09:05:46.693 回答
11

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

CKEDITOR.replace( 'article_area', {
    contentsLangDirection: 'rtl'
} );

通过使用 replace()，您还可以执行其他过滤操作，例如允许/禁止标签和从编辑器中删除按钮。有关详细说明，请访问：

http://ckeditor.com/ckeditor_4.1rc/samples/datafiltering.html

于 2013-05-11T16:03:05.863 回答
1

如果您使用 CKEditor 版本 5，则配置块如下所示：

language: {
  ui: 'en',
  content: 'ar'
}

在此示例中，编辑器本身将保持为英文（标题和方向），内容将以阿拉伯语编辑（因此从右到左）。

我选择这个例子来说明可以为这两个目的使用不同的语言（例如，如果您使用文本编辑器构建一个 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

于 2020-05-13T22:24:26.527 回答
0

只需更改 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>
于 2015-10-13T07:21:50.227 回答
0

从版本 5 开始，可以通过更改语言设置来设置方向。您可以在此处查看更多详细信息。

于 2020-11-15T16:10:25.527 回答