Sign up (with export icon)

AlignmentFormat

Api-typedef icon typedef

Available alignment options.

The available options are: 'left', 'right', 'center' and 'justify'. Other values are ignored.

Note: It is recommended to always use 'left' or 'right' as these are default values which the user should normally be able to choose depending on the language of the editor content.

ClassicEditor
  .create( editorElement, {
    alignment: {
      options: [ 'left', 'right' ]
    }
  } )
  .then( ... )
  .catch( ... );
Copy code

By default the alignment is set inline using the text-align CSS property. To further customize the alignment, you can provide names of classes for each alignment option using the className property.

Note: Once you define the className property for one option, you need to specify it for all other options.

ClassicEditor
  .create( editorElement, {
    alignment: {
      options: [
        { name: 'left', className: 'my-align-left' },
        { name: 'right', className: 'my-align-right' }
      ]
    }
  } )
  .then( ... )
  .catch( ... );
Copy code

See the demo of custom alignment options.

Properties