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

    • 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 ...
    • 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 ...
    • Initialising & Resyncing the Inzant Sales App

      If you need to reload your database the process is quite straight forward. Please be mindful that performing the below process will erase ALL information within Inzant Sales on the device, so please check and make sure all incomplete orders or quotes ...
    • Recent Articles

    • 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 ...
    • Changing the Order of Favorites Lists

      In this video, I will show you how to easily change the order of your favorites list on both the website and the iPad. By simply dragging and dropping, you can customize the order to your preference. No action is required from you, this is just a ...
    • How to Create and Manage Favourites List on iPhone

      In this video, I will show you how to create and manage a favourites list on your iPhone. You can access, edit, and add items to your favourites list directly from the iPhone app. I will guide you through the steps of adding a favourites list, adding ...