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:
- HTML
Partial CKEditor functionality is available for adding text content on the following items:
- Multimedia content pages:
- Audio Clip
- Photo Gallery
- Slider Gallery
- Video
- Interactive content pages:
- Quiz
What tools are available via CKEditor?
Full CKEditor functionality offers the following tools:
- Source Code View
- Embedded content
- Basic text formatting (bold, italic, underline, strikethrough)
- Subscript and superscript
- Advanced formats and styles
- Quotes
- Lists
- Indent text
- Links
- Tables
- Special characters
- Undo / Redo
- Cut, copy, and paste text
- Remove formatting
- Maximize
Partial CKEditor functionality offers only the relevant tools for the content you are creating.
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
Click 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
Click the Insert Quote icon to add a quotation that is visually distinct from the main text.
Lists
Click the Bulleted list icon to add an unordered list with bullet points. Click the Numbered list icon to add an ordered list with numbers.
Indent text
Click the Increase indent icon to increase the size of the margin. When you use this option, the text starts further across the page. Click Decrease indent to reverse this action and decrease the margin size.
Remove formatting
Select a section of text, then click 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: Embed images uploaded by Pangea CMS users or from external agencies (Reuters and AP).
- See Also links: Embed rich links to content pages created by your own website.
- Content items: Directly embed certain visual content items created by your own website (Videos, Audio clips, and more).
- External media: Embed supported external media items (Tweets, Facebook posts, YouTube videos, and more).
- Maps: Embed a map highlighting a specific location.
To get started, click 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, click 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 copying text you have created in a third-party word processor (such as Microsoft Word).
- 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 the content using HTML code. To get started, click the Source Code View icon.
For detailed instructions, see the following article:
Other tools
The other tools below are also available in CKEditor:
Tables
Click the Insert Table icon to include a table on the content page.
Special characters
Click the Insert Special Character icon to add a special character to the text.
Undo / Redo
Click the Undo icon to cancel the last edit performed on the page. Click the Redo icon to revert an action that you canceled via Undo.
Maximize
Click the Maximize icon to open CKEditor in fullscreen. To exit fullscreen view, click the Minimize icon. This functionality is especially useful if you are editing content on a mobile device.
Further recommendations
The following articles might be helpful: