CK编辑器中的文字方向

时间:2010-06-26 08:46:14

标签: ckeditor right-to-left bidi

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

在这方面,任何人都可以帮助我。

6 个答案:

答案 0 :(得分:13)

根据文档,这应该这样做:

CKEDITOR.config.contentsLangDirection in the CKSource manual

从那里取得的例子:

config.contentsLangDirection = 'rtl';

答案 1 :(得分:7)

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

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

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

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

答案 2 :(得分:0)

只需更改ContentsLangDirection =" Rtl"在CkEditor里面如下

import UIKit

class MyPageViewController: UIPageViewController, UIPageViewControllerDataSource, UIPageViewControllerDelegate {

    var pages = [UIViewController]()

    override func viewDidLoad() {
        super.viewDidLoad()

        self.delegate = self
        self.dataSource = self

        let page1: UIViewController! = storyboard?.instantiateViewControllerWithIdentifier("page1")
        let page2: UIViewController! = storyboard?.instantiateViewControllerWithIdentifier("page2")

        pages.append(page1)
        pages.append(page2)

        setViewControllers([page1], direction: UIPageViewControllerNavigationDirection.Forward, animated: false, completion: nil)
    }

    func pageViewController(pageViewController: UIPageViewController, viewControllerBeforeViewController viewController: UIViewController) -> UIViewController? {
        let currentIndex = pages.indexOf(viewController)!
        let previousIndex = abs((currentIndex - 1) % pages.count)
        return pages[previousIndex]
    }

    func pageViewController(pageViewController: UIPageViewController, viewControllerAfterViewController viewController: UIViewController) -> UIViewController? {
        let currentIndex = pages.indexOf(viewController)!
        let nextIndex = abs((currentIndex + 1) % pages.count)
        return pages[nextIndex]
    }

    func presentationCountForPageViewController(pageViewController: UIPageViewController) -> Int {
        return pages.count
    }

    func presentationIndexForPageViewController(pageViewController: UIPageViewController) -> Int {
        return 0
    }
}

答案 3 :(得分:0)

如果使用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

答案 4 :(得分:0)

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

答案 5 :(得分:-2)

这可能是一个较晚的答案,但我希望它能对某人有所帮助。 只需停止使用此编辑器并切换到 https://quilljs.com/ 这是另一个同时支持ltr和rtl的开源编辑器。

请从他们的文档中查看以下代码片段:

data