Developer manual

Content Formatting Functional Demo

This page displays all formatting options to ensure content is being saved and parsed correctly. It is more concerned with ensuring the correct XHTML is saved and output rather than specific CSS issues.

Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede.

Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim.

Heading 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Heading 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede.

Heading 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie.

Text Formatting Options

Paragraph contains bold text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Paragraph contains italic text: Nunc porttitor malesuada diam. In ante massa, accumsan nec, suscipit sed, condimentum quis, nibh. Donec condimentum odio eu ipsum. Mauris interdum. Praesent vulputate, mauris eget gravida feugiat, orci mi elementum lacus, id pellentesque ante justo et tellus. Proin sit amet justo. Donec urna orci, rutrum in, pulvinar nec, rutrum ut, justo. Curabitur suscipit sagittis dolor. Donec nunc odio, suscipit at, tristique non, varius eu, felis. In eget purus quis neque dignissim fringilla. Duis id tortor. Nulla venenatis condimentum libero.

Paragraph contains strikethrough text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim.

  • Bulleted List Item 1
  • List Item 2
  • Item 3
  • Last Item 4
  1. Numbered List Item 1
  2. List Item 2
  3. Item 3
  4. Last Item 4

Blockquote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Paragraph is centered: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede.

Paragraph is aligned right: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Indented Paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim.

Indented twice paragraph: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie.

Table Formatting Options

Default table

A B C
1 2 3
i ii iii

Table width specified

Table should have a width specified (check XHTML as CSS can override this).

A B C
1 2 3
i ii iii

[FAIL] Table data (TD) width specified

Middle TD should have a width specified (check XHTML as CSS can override this).

A B C
1 2 3
i ii iii

Paragraph Alignment Test 2

Default: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Centered: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Right: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.

Left: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque dignissim. Maecenas nec urna eu tellus condimentum molestie. Sed euismod urna nec lorem. Sed orci magna, semper in, faucibus id, porttitor a, enim. Duis tristique tempor erat. In arcu arcu, vulputate eu, ultrices et, pharetra non, dui. Suspendisse est libero, mattis eu, suscipit eu, posuere id, pede. Proin sollicitudin. Proin at dolor sed nibh aliquam tempus. Sed risus dolor, gravida sit amet, cursus eget, rhoncus vitae, orci.