What's inside this article:

• Basic information
• Reveal the CKEditor bar
• Styles and formats
• Insert and manage embedded content
• Paste text
• Insert links
• Insert a quote
• Align text
• Switch to Source Code View
• Where is CKEditor available?

Basic information

CKEditor is a WYSIWYG rich text editor that is available for creating and formatting text content in Pangea CMS.

This article describes how you can use CKEditor to create the following text-based content items:

• Article
• Backgrounder
• Blog
• Feature
• Feature story
• News
• Transcript

Reveal the CKEditor bar

To reveal the CKEditor bar, click inside the main box on the Editor screen. The bar is only visible while this box is active. If you click elsewhere on the screen, the bar disappears.

Text styles and formatting

The following options are available for styling and formatting text:

• Headings
• Inline styles
• Block styles

Headings

Insert a heading using the Format drop-down menu.

Choose from the following:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Headings can be customized using Block styles.

Inline styles

Inline styles can be used to style individual words or sentences within a paragraph. Highlight the text you want to style and choose from the following options in CKEditor:

Bold

Italic

Underline

Strikethrough

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²).

Additional inline text styles are available via Styles > Inline styles.

Block styles

Block styles can be used to style whole paragraphs or headings. Block styles are available via Styles > Block styles.

Highlight the heading or paragraph you want to style, and choose from the following options:

Italic title

Subtitle

Insert and manage embedded content

You can insert the following embedded items:

• Internal images: Images that have been uploaded to CMS.
• External images: Images from the following external agencies:
  • AFP (Agence France-Presse)
  • AP (Associated Press)
  • Reuters
• External media: Approved external media items (such as Tweets and Datawrapper visualizations).
• Content items: Content items published by your site (such as Videos, Audio clips, and Snippets).
• See Also links: Rich links to other content pages published by your site.

To get started, position the cursor where you want to insert the embedded item, and hit the Insert embedded content icon.

For detailed instructions, see the following articles:

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

After you insert an embedded item, a placeholder appears to represent the embedded item in CKEditor. You can edit or remove the embed using the icons on the placeholder.

If you need to insert text above an embedded item, hover over the top of the placeholder, and select the Insert paragraph here icon. You can then start typing.

To check exactly how the embed will look on the published page, use the options under Preview in the left panel.

Paste text

The following options are available for pasting text:

• Standard paste
• Paste as plain text

Standard paste

All supported formatting is kept in the pasted text. This is useful if you prefer to create content using third-party word processors (such as Microsoft Word).

To use standard paste, follow the relevant step below:

• Windows: Position the cursor, then press the Ctrl and V keys on your keyboard simultaneously.
• Mac: Position the cursor, then press the ⌘ Command and V keys on your keyboard simultaneously.

For detailed information, see the following article:

• Pasting text into CKEditor

Paste as plain text

All formatting is removed in the pasted text. This is useful if you paste text with unwanted formatting, such as text from websites.

To paste as plain text, hit the Paste as plain text icon in CKEditor.

For detailed information, see the following article:

• Pasting text into CKEditor

Insert links

The following options are available for inserting links:

• Insert a link to an external webpage (from your own site or a third-party site).
• Insert a link to an anchor on the same page.

To get started, hit the Insert link icon in CKEditor.

For detailed instructions, see the following article:

• Inserting links into CKEditor

Insert a quote

You can insert a stylized quote into the content.

To get started, hit the Insert quote icon.

For detailed instructions, see the following article:

• Inserting a quote on a content page

Align text

The following options are available for text alignment:

• Align left
• Center
• Align right
• Justify

Highlight the text you want to align and select your preferred option in CKEditor.

Switch to Source Code View

Source Code View lets you create or edit content using HTML code. To get started, hit the Source Code View icon in CKEditor.

For more information and a list of supported HTML tags, see the following article:

• Inserting HTML code into CKEditor

Where is CKEditor available?

Full CKEditor functionality is available for adding main content on the following content items:

• Article
• Backgrounder
• Blog
• Feature
• Feature story
• News
• Transcript

Full CKEditor functionality is also available for creating:

• Content on a Live blog post
• Verdict content on a FactCheck page
• Content on an HTML widget

Partial CKEditor is available in many places across Pangea CMS. For example, when you add Content on a Video page, just basic formatting is available.

The CKEditor bar always includes just the options that are relevant and appropriate for the content you're creating.