CKEditor Classic

CKEditor Classic is a WYSIWYG (What You See Is What You Get) rich text editor

Overview

CKEditor Classic provides an easy-to-use interface for creating and formatting text content with various styling options. It is widely used in Labii to enable users to create and manage rich text content. CKEditor Classic offers an intuitive editing experience that simplifies the process of writing and formatting text.

Use Cases

  • View and edit word documents: CKEditor Classic allows users to import and edit existing word documents, providing a convenient way to make changes and format the content.

  • Create text content with rich text formatting: Users can easily create text content with various formatting options such as bold, italics, underline, font styles, sizes, alignment, bullet points, numbered lists, and more.

Settings

CKEditor Classic does not require any settings to be configured. It can be directly embedded into web pages or online applications, and it works out of the box.

Interface

CKEditor Classic provides a user-friendly and intuitive interface. It displays a toolbar at the top with various formatting options such as bold, italic, underline, alignment, and more. Below the toolbar, there is a content area where users can write and edit their text content. The interface is designed to resemble a traditional word processor, making it easy for users to interact with the editor.

Features

  • Undo, Redo

  • Heading

  • Font

    • Font Size

    • Font Family

    • Font Color

    • Font Background Color

    • Alignment

    • Bold

    • Italic

    • Underline

    • Strikethrough

    • Subscript, Superscript

    • Restricted Editing

    • Remove Format

  • List

    • Bulleted List

    • Numbered List

    • Indent

    • Outdent

  • Image Upload

  • Block Quote

  • Table

  • Code, Code Block

  • Link

  • Page Break

  • Special Characters

  • Math

  • Chemical Structure

  • Export

    • Export PDF

    • Export Word

Image Support

The Image is supported in CKEditor Classic. Select or drag a *.jpg, *.png, *.jpeg, *.gif, *.bmp to insert a picture. You also have the option to align the images and add a caption to the images.

Table Support

The Table can be inserted into the CKEditor Classic. A table can also be imported via selecting or drag a *.tsv, *.csv, *.xlsx file.

Mention Support

Similar to Draft.js, the CKEditor Classic supports two different mentions, but with different triggers:

  • Records. A list of records will show up. Use # to trigger. Once selected, the mentioned item is clickable.

  • Members. A list of members will show up. Use @ to trigger. Once selected, the member will receive an email notification.

Generate text context with AI

If you're looking to generate any kind of text with ease, the AI function comes with the CKEditor widget is the perfect solution for you. Using AI, you will be able to generate any text easily by using prompts that will guide you through the process.

Last updated