CKEditor 4 Features Overview

This section presents a whole variety of features that CKEditor 4 has to offer. It is complemented by CKEditor Examples, an awesome collection of working editor samples that present all concepts discussed here and what is even more compelling, let you download the source code of each example with just one button click, ready to copy and paste into your own CKEditor 4 implementation!

The Features Overview section is divided into two parts, End-user Features and Integration Features.

# End-user Features

This part describes features that are targeted at end users and affect their overall editing experience. Check it to learn about aspects such as:

• User Interface – Setting editor UI color and language.
  • Setting Editor User Interface Color
  • Setting Editor User Interface Language
• Editor Resizing – Changing editor dimensions and making it automatically adjust its size to content.
  • Setting Editor Size
  • Automatic Editor Height Adjustment to Content
  • Editor Resizing Customization
• Inserting Images – Adding images using three official image plugins available.
  • Default Image Plugin
  • Enhanced Image Plugin
  • Easy Image Plugin
• Inserting Content – Adding rich text elements such as code snippets, tables, mathematical formulas, embedded media resources etc. and pasting content from Microsoft Word and Excel.
  • Pasting Content from Microsoft Word
  • Pasting Content from Google Docs
  • Pasting Content from Microsoft Excel
  • Pasting Content from Libre Office
  • Table Support with Column Resizing
  • Embedding Media Resources with oEmbed
  • Inserting Code Snippets
  • Inserting Code Snippets Using GeSHi
  • Creating Mathematical and Chemical Formulas with MathType
  • Creating Mathematical Formulas with MathJax
  • Using Placeholders
  • Dropping and Pasting into Editor Content
• Styling and Formatting – Working with text styling and formatting.
  • Basic Text Styles: Bold, Italic and More
  • Using the Copy Formatting Feature
  • Removing Text Formatting
  • Applying Styles to Editor Content
  • Applying Block-Level Text Formats
  • Setting Text and Background Color
• Working with Document – Editing content source code or using document-related features such as magic line or spell checker.
  • Proofreading, Spelling and Grammar Checking
  • Exporting content to PDF
  • Autocomplete
  • Mentions and Tags
  • Emoji
  • Source Code Editing
  • Magic Line
• Accessibility Support – Utilities that make working with CKEditor 4 accessible for people with disabilities.
  • Managing Content Accessibility with Accessibility Checker
  • Keyboard Shortcuts

# Integration Features

This part describes features that are targeted at developers who implement CKEditor 4 and integrate it with their websites or applications. Refer to it for information about:

• Editor UI – Fixed and floating UI as well as sharing UI among numerous editor instances.
  • Editor User Interface Types
  • Shared Toolbar and Bottom Bar
• Toolbar – Customizing the editor toolbar.
  • Toolbar Configuration
  • Balloon Toolbar
  • Toolbar Location
  • Understanding CKEditor Toolbar Concepts
• API Usage – Using rich CKEditor API.
  • Read-Only Mode
  • Notifications
• Output Control – Adjusting editor output by setting the HTML format or making the editor work on BBCode.
  • HTML Output Formatting
  • Full Page Editing with Document Properties Plugin
  • Enter Key Configuration
  • BBCode Editing
• Utilities – Additional tools that make configuring and extending CKEditor 4 easier.
  • Using Developer Tools Plugin to Customize Dialog Windows
  • Using the UI Color Picker