Loading

  1. The data should be loaded with a table with block contents in second column:

    • Paragraph - it should be rendered as <span> if single paragraph is inside table cell.
    • List
    • Heading
    • Block Quote (with inner paragraph)
    • Image
  2. The third column consist blocks with text alignment.

    • Paragraph - should be rendered was <p> when alignment is set (apart from default) for single paragraph.

Testing

  1. Use Enter in cells with single <paragraph>. When two <paragraph>'s are in one table cell they should be rendered as <p>.
  2. Undo previous step - the <p> element should be changed to <span> for single paragraph.
  3. Change <heading> to paragraph - it should be rendered as <p> element if there are other headings or other block content.
  4. Change one <heading> to paragraph and remove other headings. The <paragraph> should be rendered as <span>.

Table with block contents:

$text Foo Brownie carrot cake soufflé jelly-o lemon drops cupcake tart.
paragraph

Foo

A paragraph with default alignment

A paragraph with right alignment

A paragraph with center alignment

A paragraph with justify alignment

list
  • Foo
  • Bar
  • A list item with default alignment
  • A list item with right alignment
  • A list item with center alignment
  • A list item with justify alignment
heading

An h2 title.

An h3 title.

An h4 title.

An h2 with default alignment.

An h2 with right alignment.

An h2 with center alignment.

An h2 with justify alignment.

block quote

A quote

A quote with paragraph with right alignment

image sample image

An image aligned to right:

sample image