CKEditor themes

h1. This is a very large header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h2. This is a large header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h3. This is a medium header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h4. This is a moderate

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h5. This is a small header.

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h6. This is a tiny header.

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Text Formats and Links

Donec pede justo, Bold Text vel, aliquet nec, Nullam Italic Text eu pede underline Text. Integer tincidunt. Stroke-Trought Text. Donec pede Sub2, fringilla Sup4,vulputate eget, arcu. Integer tincidunt. Cras dapibus. Donec pede justo, Special Characters ©®œ fringilla vel, internal-link, rhoncus ut, imperdiet a, external-link, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Donec ghost-link, fringilla vel, aliquet nec, Insert Icons vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Text Alignements

.text-right. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

.text-center. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

.text-justify. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Blockquote

Sed tempor purus sit amet lorem suscipit elementum. Vivamus sed nunc tortor. Morbi consectetur ante et lorem congue et ultrices augue vehicula. Donec condimentum tellus at metus placerat feugiat. 

Some paragraph styles

Paragraph Info. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Note. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Success. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Warning. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Alert. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

This is a default unordered List

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested item with a much longer description or more content.
    • Nested list item
      • Nested list item
      • Nested list item
      • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

This is a default ordered List

  1. List item with a much longer description or more content.
  2. List item
  3. List item
    1. Nested list item
    2. Nested item with a much longer description or more content.
    3. Nested list item
      1. Nested list item
      2. Nested list item
      3. Nested list item
    4. Nested list item
    5. Nested list item
  4. List item
  5. List item
  6. List item

This is a css unordered List "primary-bullets"

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested item with a much longer description or more content.
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

This is a css ordered List "primary-numbers"

  1. List item with a much longer description or more content.
  2. List item
  3. List item
    1. Nested list item
    2. Nested item with a much longer description or more content.
    3. Nested list item
    4. Nested list item
  4. List item
  5. List item
  6. List item

CKEditor themes

h1. This is a very large header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h2. This is a large header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h3. This is a medium header

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h4. This is a moderate

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h5. This is a small header.

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

h6. This is a tiny header.

With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Text Formats and Links

Donec pede justo, Bold Text vel, aliquet nec, Nullam Italic Text eu pede underline Text. Integer tincidunt. Stroke-Trought Text. Donec pede Sub2, fringilla Sup4,vulputate eget, arcu. Integer tincidunt. Cras dapibus. Donec pede justo, Special Characters ©®œ fringilla vel, internal-link, rhoncus ut, imperdiet a, external-link, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Donec ghost-link, fringilla vel, aliquet nec, Insert Icons vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Text Alignements

.text-right. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

.text-center. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

.text-justify. With normal Paragraph. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Blockquote

Sed tempor purus sit amet lorem suscipit elementum. Vivamus sed nunc tortor. Morbi consectetur ante et lorem congue et ultrices augue vehicula. Donec condimentum tellus at metus placerat feugiat. 

Some paragraph styles

Paragraph Info. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Note. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Success. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Warning. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

Paragraph Alert. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.

This is a default unordered List

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested item with a much longer description or more content.
    • Nested list item
      • Nested list item
      • Nested list item
      • Nested list item
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

This is a default ordered List

  1. List item with a much longer description or more content.
  2. List item
  3. List item
    1. Nested list item
    2. Nested item with a much longer description or more content.
    3. Nested list item
      1. Nested list item
      2. Nested list item
      3. Nested list item
    4. Nested list item
    5. Nested list item
  4. List item
  5. List item
  6. List item

This is a css unordered List "primary-bullets"

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested list item
    • Nested item with a much longer description or more content.
    • Nested list item
    • Nested list item
  • List item
  • List item
  • List item

This is a css ordered List "primary-numbers"

  1. List item with a much longer description or more content.
  2. List item
  3. List item
    1. Nested list item
    2. Nested item with a much longer description or more content.
    3. Nested list item
    4. Nested list item
  4. List item
  5. List item
  6. List item

Character Set Test

  1. English: The quick brown fox jumps over the lazy dog.
  2. French: Les naïfs ægithales hâtifs pondant à Noël où il gèle sont sûrs d'être déçus et de voir leurs drôles d'œufs abîmés.
  3. German: Falsches Üben von Xylophonmusik quält jeden größeren Zwerg. (1)
  4. German: Im finsteren Jagdschloß am offenen Felsquellwasser patzte der affig-flatterhafte kauzig-höf‌liche Bäcker über seinem versifften kniffligen C-Xylophon. (2)
  5. Greek (monotonic): ξεσκεπάζω την ψυχοφθόρα βδελυγμία
  6. Hebrew: זה כיף סתם לשמוע איך תנצח קרפד עץ טוב בגן.
  7. Polish: Pchnąć w tę łódź jeża lub ośm skrzyń fig.
  8. Russian: Съешь же ещё этих мягких французских булок да выпей чаю.

CKEditor

DRAFT test   

Continuous text: text, optional in bold or italic or in a combination of bold ad italic.

Special characters can be used: @ © ® ¢ ¼ ½ ¾ § ± a² m³ Ω π µ γ β α H2O

Text in foreign languages can be mixed on one page.
The font has to be installed on the device though:

cyrillic: Русская версия
chinese: 中文版
arabic: الْعَرَبيّة

Paragraph with image left:

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et justo turpis. Nunc non felis ante. Vestibulum quis blandit augue. Sed tempor purus sit amet lorem suscipit elementum. Vivamus sed nunc tortor. Morbi consectetur ante et lorem congue et ultrices augue vehicula. Donec condimentum tellus at metus placerat feugiat.  

Paragraph with image right:

Donec dui mauris, vestibulum id, venenatis at, rhoncus ut, dui. Donec elit felis, rhoncus congue, posuere vel, aliquet at, massa. Donec justo est, bibendum non, volutpat sed, eleifend quis, risus.

Donec dui mauris, vestibulum id, venenatis at, rhoncus ut, dui. Donec elit felis, rhoncus congue, posuere vel, aliquet at, massa. Donec justo est, bibendum non, volutpat sed, eleifend quis, risus.

Tables:

Head 1 Head 2 Head 3 Head 4
Lorem Ipsum Dolor Sit
Amet Consectetur Lorem Ipsum
Sit Dolor Amet Elit
Head 1 Head 2 Head 3 Head 4
Lorem Ipsum Dolor Sit
Consectetur Amet Amet Elit
Dolor Consectetur Ipsum Consectetur

 

Alert boxes:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

 Bulleted list:

  • first level
  • first level
    • second level
    • second level
      • third level
      • third level

Ordered list:

  1. first level
  2. first level
    1. second level
    2. second level
      1. third level
      2. third level