Recent searches

in

align

On this page

This key toggles whether CloudCannon will display tools in your WYSIWYG toolbar to align selected text.

Appears in#

├── _inputs
│   └── *
│       └── Rich Text Input
│           └── options
│               └── align
└── _editables
    ├── content
    │   └── align
    └── block
        └── align

Type#

Object

Properties#

center — boolean#

This key toggles whether CloudCannon will display a tool in your WYSIWYG toolbar to center selected text. This will toggle style="text-align: center;", or toggle a class name set in classes.center for that text block.

Appears in: align.

classes — Object#

This key defines the class names CloudCannon will toggle to align selected text. Each value is the class name to align the text. The styles for each class must be defined in the styles file.

Appears in: align.

default — string#

This key defines the default alignment. The default alignment toggles off other align styles and class names, rather than toggling one. If your text is left-aligned in your CSS, setting this to left would avoid <p style="text-align: left"> alongside <p> tags.

Allowed values: left center right justify

Appears in: align.

justify — boolean#

This key toggles whether CloudCannon will display a tool in your WYSIWYG toolbar to justify selected text. This will toggle style="text-align: justify;", or toggle a class name set in classes.justify for that text block.

Appears in: align.

left — boolean#

This key toggles whether CloudCannon will display a tool in your WYSIWYG toolbar to left-align selected text. This will toggle style="text-align: left;", or toggle a class name set in classes.left for that text block.

Appears in: align.

This key toggles whether CloudCannon will display a tool in your WYSIWYG toolbar to right-align selected text. This will toggle style="text-align: right;", or toggle a class name set in classes.right for that text block.

Appears in: align.

Open in a new tab