CKEditor: The Rich-Text Editor in Sakai

Part 2 of 4: Paragraphs, Headings, and Lists

CKEditor Tutorial - Part 2

Working with Paragraphs, Headings, and Lists

Basic Elements of Rich-Text

● Text○ Paragraphs○ Headings○ Lists

■ Numbered■ Bulleted

● Images● Hyperlinks

Basic Elements of Rich-Text

● Text○ Paragraphs○ Headings○ Lists

■ Numbered■ Bulleted

● Images● Hyperlinks

Part 2

WARNING: No Auto-Save Feature

To avoid losing any lengthy or carefully considered text:● First compose your work in a separate

text editor (e.g., Word) and save often.● Then, paste the text into the CKEditor

and format it.

Design Standards

● Strive for good visual design.● Make content accessible.

Format Headings Properly for Accessibility

Heading 1Heading 2

Heading 2

Heading 3

Example Sakai Site Home Page

Example Sakai Site Home Page

Paste in text & Show Blocks.

Example Sakai Site Home Page

Select All & Remove Format.

Example Sakai Site Home Page

Format paragraphs as Normal.

Example Sakai Site Home Page

Format heading as Heading 2.

Example Sakai Site Home Page

Selectively apply boldface for emphasis.

Example Sakai Site Home Page

Basic Elements of Rich-Text

● Text○ Paragraphs○ Headings○ Lists

■ Numbered■ Bulleted

● Images● Hyperlinks

Part 3