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:
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
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 H2O), or click the Superscript icon to add superscript (such as the number 2 in E=MC2).
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:
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
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:
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:
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:
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:
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:
Where is CKEditor available?
Full CKEditor functionality is available for adding main content on the following content items:
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.