ckeditor5-direction

CKEditor 5 text direction feature

This package implements text direction support for CKEditor 5.

Installation

To add this feature to your editor, install the ckeditor5-direction package:

npm install --save ckeditor5-direction

And add it to your plugin list and toolbar configuration:

import Direction from 'ckeditor5-direction/src/alignment';

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        plugins: [ Direction, ... ],
        toolbar: [ 'direction', ... ]
    } )
    .then( ... )
    .catch( ... );

Use

The Direction feature enables support for text direction. You can use it to set your content direction left to right or right to left.

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        toolbar: [
            'heading', '|', 'bulletedList', 'numberedList', 'undo', 'redo', 'direction'
        ]
    } )
    .then( ... )
    .catch( ... );

You can choose to use the direction dropdown ('direction') or configure the toolbar to use separate buttons for each of the options:

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        toolbar: [
            'heading', '|', 'direction:ltr', 'direction:rtl'
        ]
    } )
    .then( ... )
    .catch( ... );