Walk through Using CK Editor

Walk through Using CK Editor

Walk through Using Ck Editor 


Most of the longer content zones in the site support Rich Text, and the editing tool used is CK Editor. 
CK Editor will allow for a high level of customisation of text content for widgets that contain the editor. A good example of this is “Content Bar (Full Width)”. Some basic commands are described below, however to view the extensive online user guides please click Here- CKEditor 3.x User's Guide 

 

Paste from Existing Document  

CK Editor will allow you to paste in content you have already created from a text file or a word document via the Paste icons in the top row of the ribbon.  This will keep the existing formatting you have applied in the previous document, for instance in a word document if you have applied headings, lists, hyperlinks and other general formatting – this should copy across into CK Editor.


Text Styling              

The editor allows for normal text styling to be applied like Font, Size, Bold, Underline, Italic, Colour, Background Colour and paragraphing as per a normal text editing client like word or email clients.


Text Layout               

The layout of the text can be managed in much the same way as other rich text editing tools like Word or email clients. It allows for text indentation, block quotes (indent & italic) and horizontal dividing lines.


Rich Text                   

CK Editor supports a large variety of rich text options and for a full understanding please visit the link below and view the online tutorials. The basic rich text components that you will likely want to incorporate include;

  • Links, emails and anchors
  • Lists (bulleted or numbered)
  • Tables of data
  • Special Character insertion

CK Editor also supports useful tools like a spell checker, to proof your work prior to publishing.



CK Editor Content Entry Zone Links


To create a link in CK Editor highlight the desired text and then click the link button in the ribbon (chain icon). See the below link for a detailed guide on creating links, mailto’s and anchors within text, however the three most used functions are often;

  1.  Internal Site links – ensure “Link Type” is set to URL, and “Protocol” is set to Other. Then either paste or type in the relative URL – for instance /contactus
  2. External Site Links – Ensure the “Link Type” is set to URL and the “Protocol” is set to http:// or https://. Then either paste or type in the complete URL – for instance www.google.com 
  3. Mailto – Ensure the “Link Type” is set to Email and then prepopulate the email’s recipient, subject and body with the required information. 
Note that for points 1 and 2 there is the option to open links in another window rather than the same window. Click on the second tab “Target”, and set it to “New Window” for this to occur.
For a detailed guide on creating links using CK Editor please click Here