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
What is CKEditor?
CKEditor is a WYSIWYG rich text editor that is available for creating text-based content in Pangea CMS.
Where is CKEditor available?
Full CKEditor functionality is available for creating the following items in Pangea CMS:
- Text-based content pages:
- Article
- Backgrounder
- Blog
- FactCheck
- Feature
- Feature story
- Live blog
- News
- Transcript
- Widgets:
Partial CKEditor functionality is available for creating other content pages (such as Photo galleries and Audio clips). CKEditor offers just the relevant tools for the content page you are currently editing.
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 H2O), or click the Superscript icon to add superscript (such as the number 2 in E=MC2).
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.
- Bold, Italic, Underline, and Strikethough
- Subscript and Superscript
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:
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:
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:
Other tools
The other tools below are also available in CKEditor:
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: