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;
- 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
- 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
- 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
Related Articles
Embedding Images Using CK Editor
Quick Guide Embedding Images using a CK Editor To embed a image into a content zone, go to the “File Library”, find the image you wish to embed and copy the “File URL”. In the Content Zone you wish to embed the image, place the cursor where you ...Using the Ordering Screen
The Ordering Screen allows you to view, create and edit an Order. This screen may be accessed from a number of locations in the App however once on the screen the operation is much the same. Ordering Modes When creating a new order, the Ordering ...Adding a new Retailer using the Inzant Sales app
This article provides a short walk-through tutorial on the steps required when creating a new Retailer Using the Inzant Sales Plus app. In the top left of the screen tap the Retailer icon shown, it will open a list of previously added retailers. Tap ...Adding and Editing Products using the Management Portal
This guide provides information on Adding & Editing Products in the Inzant Sales Management Portal. Firstly you'll need to be logged into the Inzant Sales management / admin portal. Adding a Product The quickest way to Add a new Product is to use ...Using Notifications to contact the Sales team
If you need to relay information to the sales team en masse then you can using the Notifications within Inzant Sales. This allows you to enter a single notification, and it will automatically be distributed to all users and displayed on the iPad / ...
Popular Articles
Home Screen and Navigating the System
The Home Screen The home screen is the start up screen for the App. It contains links to all the other major screens and provides some KPI information and access to your schedule. In this article we will discuss all the links so you can navigate ...Creating a Retailer
This article provides a short walk-through tutorial on the steps required when creating a new Retailer Using the Inzant Sales app. To Create a New Retailer touch 'Retailers' on the left of the screen. You will now be able to view a list of previously ...Setting a Retailer to have Website access from the Management Portal
To enable customers access to the B2B Portal or Website, you need to allow the Contact on a Retailer to have access. After logging into the Inzant Sales Management Portal you'll need to navigate to the Contact or Retailer in question. Finding a ...Inzant Website CMS User Manual
The latest version (currently version 1.4) of the CMS User Manual is attached, which you can download and use as required.Creating Hyperlinks
There are two main areas within the CMS that hyperlinks can be created; In a specific content zone provided by a widget. In the CK Editor content entry zone. Both zones offer the same 3 basic link types, Internal URLs, External URLs and Mailto ...
Recent Articles
Management Portal - Adding a Pricing Rule Walk Through Video
Watch the linked video as we walk through creating a new pricing rule, set conditions for discounts, select products, choose applicable price lists, and schedule the rule for auto-publishing. Check out the detailed steps and explanations below to ...Performing a Hard Reset on an iPad
Adding a Favourites List to a Retailer
In this video, I will show you how to add a favourites list to a retailer. I will guide you through the steps, including selecting the retailer, navigating to the favourites section, and adding a list. I will also explain how to choose the contact ...Accessing and Managing Favourites Lists
In this video, I will show you how to access and manage your favourites lists on our platform. I will guide you through the steps to access your favourites list, apply filters, and view specific categories. Additionally, I will demonstrate how to add ...Creating Bespoke Favorites Lists for a Contact
In this video, I will show you how to create a bespoke favorites list for a specific contact. Sometimes, certain contacts may have unique preferences, and it's important to cater to their needs. I will guide you through the process of selecting the ...