如何在CKEditor5中设置文本方向？初始化指定RTL/LTR方向的方法

CKEditor5 支持直接在初始化阶段强制指定文本方向，无需完全依赖语言包的自动适配，具体实现方式如下：

全局编辑器方向配置 #

初始化编辑器时，通过 direction 配置项直接设定全局默认文本方向：

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        // 强制设置为从右到左（RTL）
        direction: 'rtl',
        // 若需从左到右（LTR），替换为：
        // direction: 'ltr'
    } )
    .catch( error => {
        console.error( error );
    } );

该配置会统一应用到编辑器的输入方向、工具栏布局（适配RTL的工具栏元素），优先级高于语言包的自动方向判断。

语言绑定的自动方向（可选） #

如果业务场景需要和语言设置绑定，只需配置 language 项，编辑器会根据语言代码自动匹配对应文本方向：

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        // 阿拉伯语（自动启用RTL）
        language: 'ar',
        // 英语（自动启用LTR）
        // language: 'en'
    } )
    .catch( error => {
        console.error( error );
    } );

这种方式适合多语言项目，无需手动干预方向设置。

特定内容块的方向设置 #

如果不需要全局修改，仅需针对初始内容的特定区块设置方向，可以通过 initialData 指定：

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        initialData: '<div dir="rtl">这是一段从右到左排列的文本内容</div>'
    } )
    .catch( error => {
        console.error( error );
    } );

内容的提问来源于stack exchange，提问作者siddharth arora