Accessibility links

Breaking News

Using CKEditor


What's inside this article:

What is CKEditor?

CKEditor is a WYSIWYG rich text editor that is integrated into Pangea CMS. CKEditor appears on almost all content edit screens in Pangea CMS, and is mostly used to add and format text content. CKEditor may also include the option to add embedded content on content pages, including images, maps, and external media.

NOTE: This article describes all of the tools and features that may be available via CKEditor. However, not all of these tools and features are available on every edit screen. For example, you can only add embedded content on text-based content pages (such as articles and feature stories).


Explore CKEditor

The following basic tools are available via the CKEditor bar:

Formats and styles

The following 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 styles are available via the Styles drop-down menu:

Italic title

Subtitle

Special container

Big

Small

Typewriter

The following basic text formats are also available:

Bold

Italic

Underline

Strikethrough

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.

As in the example below, you can include a footer link to the quote source:

The pen is mightier than the sword.





Lists

Click the Bulleted list icon to add an unordered list with bullet points, or 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.

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.

Remove formatting

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

NOTE: The Remove Format option only removes the following basic formatting:
  • Bold, Italic, Underline, and Strikethough
  • Subscript and Superscript
Other formatting is not removed (such as links and indents).


Add embedded content

CKEditor lets you embed the following items:

  • Images that are already uploaded to Pangea CMS.
  • Other content items created by your own service.
  • Approved external media items.
  • Maps
  • Widgets created within Pangea CMS.

To get started, click the Insert Embed Content icon.

For detailed instructions, refer to the following articles:



Insert links

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

For detailed instructions, refer to the following article:



Cut, copy, and paste text

NOTE: You can only paste text to CKEditor. It is not possible to paste images or icons.

The following options are available:

Standard paste

In most cases, you can paste text into CKEditor directly from your clipboard. When you use this option, all supported text formatting is kept (including links, lists, and font size).

Follow these steps:

  1. Position your cursor where you want the pasted text to appear.
  2. Follow the relevant step:
    • Windows: On your keyboard, press the Ctrl key and V key simultaneously.
    • Mac: On your keyboard, press the ⌘ Command key and V key simultaneously.

The pasted text appears.

NOTE: Your browser's security settings may block Pangea CMS from accessing data that is saved to your clipboard. In this case, it is necessary to use the Paste as plain text option.

Paste as plain text

When you use the Paste as plain text option, all text formatting is removed in the pasted text.

Follow these steps:

  1. Position your cursor where you want the text to appear, then click the Paste as plain text icon.
  2. Click inside the Plain text box, then follow the relevant step below:
    • Windows: On your keyboard, press the Ctrl key and V key simultaneously.
    • Mac: On your keyboard, press the ⌘ Command key and V key simultaneously.
  3. Click Save.

The pasted text appears.

Copy

Select the text you want to copy, then click the Copy icon to copy the content to your clipboard.

Cut

When you cut text, the text is removed from CKEditor and copied to your clipboard. Select the text you want to cut, then click the Cut icon. You can then paste the text elsewhere.



Use fullscreen editing

Some edit screens include the option to open CKEditor in fullscreen. To use this functionality, click the Maximize icon. To exit fullscreen view, click the Minimize icon. This functionality is especially useful if you are editing the page on a mobile device.

We plan to add the option for fullscreen editing on more edit screens in future releases.



Insert HTML code

CKEditor lets you insert HTML code, which is then applied on the content page. To get started, click the Source Code View icon.

For detailed instructions, refer to the following article:



Further recommendations

The following articles might be helpful:

Pangea CMS Guide

XS
SM
MD
LG