What's inside this article:

• About CKEditor
• Format text
• Insert embedded content
• Create links
• Paste text
• Use Source Code View
• Other tools
• Further recommendations

About CKEditor

Format text

The following tools are available for formatting text:

• Basic text formatting
• Advanced formats and styles
• Subscript and superscript
• Quotes
• Lists
• Indent text
• Remove formatting

Basic text formatting

The following basic text formats are available:

Bold

Italic

Underline

Strikethrough

Advanced formats and styles

The following advanced formats are available via the Format drop-down menu:

Normal (selected by default)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

The following advanced styles are available via the Styles drop-down menu:

Italic title

Subtitle

Big

Small

Typewriter

Subscript and superscript

Hit the Subscript icon to add subscript (such as the number 2 in H₂O), or click the Superscript icon to add superscript (such as the number 2 in E=MC²).

Quotes

Hit the Insert Quote icon to add a quotation that is visually distinct from the main text.

Lists

Hit the Bulleted list icon to add an unordered list with bullet points. Hit the Numbered list icon to add an ordered list with numbers.

Indent text

Hit the Increase indent icon to increase the size of the margin. When you use this option, the text starts further across the page. Hit Decrease indent to reverse this action and decrease the margin size.

Remove formatting

Select a section of text, then hit the Remove Format icon to remove basic text formatting.

Insert embedded content

CKEditor lets you embed the following items:

• Images: Internal images that have been uploaded to Pangea CMS and external images from agencies.
• See Also links: Rich links to content pages published by your own site.
• Content items: Multimedia / interactive content items published by your own site (Snippets, Dynamic infographics, and more).
• External media: Supported external media items (Tweets, YouTube videos, Datawrapper visualizations, and more).
• Maps: A map highlighting a specific location.

To get started, hit the Insert Embedded Content icon.

For detailed instructions, see the following articles:

• Embedding images
• Embedding See Also links
• Embedding content items
• Embedding external media
• Embedding maps

Create links

CKEditor lets you create links to other webpages, or links to anchors on the same page. To get started, hit the Insert link icon.

For detailed instructions, see the following article:

• Inserting links into CKEditor

Paste text

CKEditor includes the following options for pasting text:

• Standard paste: All supported formatting is kept in the pasted text. This option is useful for pasting text you have created in third-party word processors, such as Microsoft Word and Google Docs.
• Paste as plain text: All formatting is removed in the pasted text. This option is useful for pasting text that includes unwanted formatting, such as text from websites.

For detailed instructions, see the following article:

• Pasting text into CKEditor

Use Source Code View

CKEditor lets you add and modify content using HTML code. To get started, hit the Source Code View icon.

For detailed instructions, see the following article:

• Validating code in Source Code View

Other tools

The other tools below are also available in CKEditor:

• Tables
• Special characters
• Undo / Redo
• Maximize

Tables

Hit the Insert Table icon to include a table on the content page.

Special characters

Hit the Insert Special Character icon to add a special character to the text.

Undo / Redo

Hit the Undo icon to cancel the last edit performed on the page. Hit the Redo icon to revert an action that you canceled via Undo.

Maximize

Hit the Maximize icon to open CKEditor in fullscreen. To exit fullscreen view, hit the Maximize icon again. This functionality is especially useful if you are editing content on a mobile device.

Further recommendations

The following articles might be helpful:

• Creating an HTML widget
• Pasting text into CKEditor
• Inserting links into CKEditor
• Validating code in Source Code View
• Embedding images
• Embedding content items
• Embedding See Also links
• Embedding external media
• Embedding maps