Loading

  1. The data should be loaded with:
  1. Toolbar should have four alignment buttons for alignment control: left, right, center and justify.

Testing

You should be able to:

  1. Change alignment on any paragraph.
  2. Change alignment on any selection of paragraphs.

You should not be able to change alignment of figcaption by:

  1. Placing cursor inside caption.
  2. Selecting image with other paragraphs.

You should be able to create blocks that can be aligned:

  1. paragraphs
  2. headings
  3. lists

Alignment UI should:

  1. make "left" button highlight "left" when selection is inside left aligned block (default one)
  2. make "right" button highlight "right" when selection is inside right aligned block
  3. make "center" button highlight "center" when selection is inside centered block
  4. make "justify" button highlight "justify" when selection is inside justified block
  5. only one button should be active at once inside dropdown

This should be aligned to the left. This is a test for text alignment feature.

CKEditor logo
An image

This should be aligned to the right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This should be centered. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This should be justified. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.