Using CKEditor to edit content


The CKEditor looks like this:

What a field looks like in the admin screen that uses CKEditor.
A field that uses CKEditor to edit.

Note that across the top there are a lot of style buttons. These should be similar to buttons found on Word documents. If you hover over any of the buttons, hint text will show up explaining what the button does.

The Styles drop-down is there to give you some pre-configured formats.

The Format drop-down allows you to make something a header or title vs. normal text.

The link button allows you to turn highlighted text into a link (either internal or external to the site).

The star button is how you add images and videos to your site.

The source button shows you the underlying html being used to format your text. Note that this is editable, so if you know html you can make changes in here and it will take effect if the html is valid and allowed. Only a subset of html is allowed, for example style is not allowed.


Uploading Images to an image field

How to upload images to an image field.


Using Styles

Using Styles


Adding buttons in CKEditor

Adding buttons in CKEditor.


Adding Media

Adding Media

Creating Internal Links

Creating internal links