# ckeditor/ckeditor4

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/ckeditor-ckeditor4).**

5,817 stars · 2,447 forks · Rich Text Format · NOASSERTION

## Links

- GitHub: https://github.com/ckeditor/ckeditor4
- Homepage: https://ckeditor.com/ckeditor-4
- awesome-repositories: https://awesome-repositories.com/repository/ckeditor-ckeditor4.md

## Topics

`ckeditor` `ckeditor4` `contenteditable` `html-editor` `rich-text-editor` `rte` `wysiwyg`

## Description

CKEditor 4 is a browser-based WYSIWYG rich text editor that enables users to create and format HTML content directly in the browser. It operates on a plugin-based architecture with a configurable toolbar system, DOM-based content editing, and an event-driven lifecycle, all delivered through a CDN-based distribution model. The editor supports skin-based theming and includes a legacy plugin compatibility layer for backward compatibility.

The editor distinguishes itself as a cross-platform framework that integrates natively with Angular, React, Vue, Electron, Android, and iOS environments. It offers enterprise-grade collaboration features including threaded comments, change tracking, and document versioning, alongside accessibility-focused capabilities such as screen reader announcements and built-in content accessibility checking. The platform supports extensive customization through custom plugins, widgets, skins, and visual theme adjustments using CSS variables.

Content creation capabilities span rich text formatting, image embedding, table creation, list management, hyperlink handling, and media embedding from external services. The editor supports import and export across multiple formats including Word, PDF, Markdown, and HTML, with features for content migration, autosave, and quality filtering. Additional capabilities include AI content generation, spell checking, right-to-left language support, and automatic text transformation.

The editor is available through CDN serving with SSL support and offers long-term security updates under commercial support agreements.

## Tags

### Software Engineering & Architecture

- [Plugin-Based Architectures](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/plugin-module-systems/modular-plugin-architectures/plugin-based-architectures/plugin-based-architectures.md) — Extends editor functionality by loading independent plugin modules that register new features and toolbar buttons.
- [Event Handling](https://awesome-repositories.com/f/software-engineering-architecture/event-handling.md) — Ships an event-driven lifecycle that allows listening to and firing custom editor events. ([source](https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js))
- [Plugin-Based Editor Extensibility](https://awesome-repositories.com/f/software-engineering-architecture/plugin-based-editor-extensibility.md) — Provides a plugin architecture for extending editor functionality with custom features, widgets, and integrations.
- [Autosave Mechanisms](https://awesome-repositories.com/f/software-engineering-architecture/autosave-mechanisms.md) — Periodically saves editor content to prevent data loss during editing sessions. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Plugin Marketplaces](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/extensibility/third-party-plugins/plugin-marketplaces.md) — Provides a marketplace for browsing, installing, and managing community-contributed plugins. ([source](https://ckeditor.com/cke4/addons))
- [Plugin Compatibility Layers](https://awesome-repositories.com/f/software-engineering-architecture/plugin-version-management/plugin-compatibility-layers.md) — Provides backward compatibility for older plugin APIs while supporting modern plugin development.

### User Interface & Experience

- [Rich Text Editors](https://awesome-repositories.com/f/user-interface-experience/data-display-components/calendar-views/rich-content-embeds/rich-text-editors.md) — Provides the core WYSIWYG rich text editing experience with images, tables, and media embeds. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Rich Text WYSIWYG Editors](https://awesome-repositories.com/f/user-interface-experience/rich-text-wysiwyg-editors.md) — Provides a full-featured browser-based WYSIWYG editor for creating and formatting rich HTML content.
- [Toolbar Button Customizations](https://awesome-repositories.com/f/user-interface-experience/action-toolbars/toolbar-button-customizations.md) — Renders a fully customizable toolbar by mapping feature buttons to registered plugins and user configuration.
- [Editor Toolbar Configurations](https://awesome-repositories.com/f/user-interface-experience/action-toolbars/toolbar-button-customizations/editor-toolbar-configurations.md) — Allows customization of which formatting buttons and tools appear in the editor's toolbar. ([source](https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js))
- [WYSIWYG](https://awesome-repositories.com/f/user-interface-experience/content-editable-proxies/wysiwyg.md) — Operates directly on the browser's contenteditable element to provide real-time WYSIWYG editing.
- [Editor Extension Creations](https://awesome-repositories.com/f/user-interface-experience/custom-component-extensions/editor-extension-creations.md) — Enables building custom plugins, widgets, and themes to tailor the editing experience.
- [Reusable Content Blocks](https://awesome-repositories.com/f/user-interface-experience/custom-widget-frameworks/custom-widget-implementation/reusable-content-blocks.md) — Provides a framework for creating reusable, self-contained content blocks within the editor. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Accessibility Checking and Announcements](https://awesome-repositories.com/f/user-interface-experience/editor-accessibility-optimizations/accessibility-checking-and-announcements.md) — Ships built-in content accessibility checking and screen reader announcements for assistive technology users.
- [Framework-Integrated Editor Components](https://awesome-repositories.com/f/user-interface-experience/editor-ui-components/framework-integrated-editor-components.md) — Embeds the editor as a native component in Angular, React, or Vue applications.
- [Editor Visual Themes](https://awesome-repositories.com/f/user-interface-experience/editor-visual-themes.md) — Supports visual theme customization of the editor interface, including headless mode with external UI frameworks. ([source](https://ckeditor.com/docs/ckeditor5/latest/updating/ckeditor4/migration-from-ckeditor-4.html))
- [HTML Content Editors](https://awesome-repositories.com/f/user-interface-experience/html-content-editors.md) — Generates standard HTML code from the edited content for database storage. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Independent Editor Instances](https://awesome-repositories.com/f/user-interface-experience/imperative-editor-instance-access/independent-editor-instances.md) — Creates, retrieves, and destroys multiple editor instances on a page with independent settings. ([source](https://cdn.ckeditor.com/4.22.1/standard/ckeditor.js))
- [Editor Image Uploaders](https://awesome-repositories.com/f/user-interface-experience/media-uploaders/editor-image-uploaders.md) — Enables file and image uploads directly within the editor to enrich content creation. ([source](https://ckeditor.com/cke4/addons))
- [Text Formatting Tools](https://awesome-repositories.com/f/user-interface-experience/text-formatting-tools.md) — Applies bold, italic, superscript, subscript, and inline code formatting to selected text. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Screen Reader Optimizations](https://awesome-repositories.com/f/user-interface-experience/accessible-interface-design/screen-reader-optimizations.md) — Ships built-in screen reader announcements that broadcast UI updates to assistive technologies. ([source](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html))
- [Editor Compatibility Checks](https://awesome-repositories.com/f/user-interface-experience/browser-environment-detection/editor-compatibility-checks.md) — Detects unsupported environments and falls back to a plain text area for compatibility. ([source](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html))
- [Content Accessibility Auditors](https://awesome-repositories.com/f/user-interface-experience/content-accessibility-auditors.md) — Provides an add-on that audits edited content for accessibility issues and suggests fixes. ([source](https://ckeditor.com/ckeditor-4/download/))
- [Quote Blocks](https://awesome-repositories.com/f/user-interface-experience/content-block-editors/quote-blocks.md) — Provides block quote insertion to highlight quoted text with indentation and styling. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Drag-and-Drop File Upload](https://awesome-repositories.com/f/user-interface-experience/file-uploaders/drag-and-drop-file-upload.md) — Accepts image files dragged from the desktop and uploads them directly into the editing area. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Font Property Adjustments](https://awesome-repositories.com/f/user-interface-experience/font-configurations/font-family-import/font-property-adjustments.md) — Changes font family, size, color, and background color for selected text. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Right-To-Left Support](https://awesome-repositories.com/f/user-interface-experience/frontend-ui-toolkits/right-to-left-support.md) — Supports right-to-left text display and editing with localization for over 70 languages. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Paragraph Indentations](https://awesome-repositories.com/f/user-interface-experience/paragraph-indentations.md) — Adjusts the left margin of paragraphs or list items to structure content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Syntax-Highlighted Code Blocks](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/code-presentation-utilities/code-line-highlighting/syntax-highlighting/code-block-highlighting-hooks/syntax-highlighted-code-blocks.md) — Displays code listings with syntax highlighting for improved readability. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [UI Skinning](https://awesome-repositories.com/f/user-interface-experience/ui-skinning.md) — Switches visual appearance by loading CSS and image assets from a named skin directory.

### Content Management & Publishing

- [Content Import and Export](https://awesome-repositories.com/f/content-management-publishing/content-import-and-export.md) — Converts documents between Word, PDF, Markdown, and HTML formats for flexible content management.
- [Image Embeddings](https://awesome-repositories.com/f/content-management-publishing/image-embeddings.md) — Uploads, captions, edits, styles, and pastes images from URLs into the content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Content Accessibility Audits](https://awesome-repositories.com/f/content-management-publishing/inclusive-language-auditors/content-accessibility-audits.md) — Scans editor content for accessibility issues and provides guidance to meet standards. ([source](https://ckeditor.com/docs/ckeditor4/latest/))
- [Word Content Importers](https://awesome-repositories.com/f/content-management-publishing/content-import-filters/word-content-importers.md) — Converts DOCX documents into HTML for editing within the rich text editor. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [DOCX Exports](https://awesome-repositories.com/f/content-management-publishing/content-import-filters/word-content-importers/docx-exports.md) — Produces DOCX files that retain comments and tracked changes for further editing in Word. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Heading Hierarchies](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/document-models/document-sectioning/document-content-structuring/flat-heading-hierarchies/heading-hierarchies.md) — Organizes document sections using configurable heading levels and styles. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [URL-Triggered Media Embeds](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/documentation-standards/media-embedding/url-triggered-media-embeds.md) — Inserts videos, tweets, maps, or slideshows from third-party services by pasting a URL. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Collaborative Editing Platforms](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-management-platforms/enterprise-specialized-systems/enterprise-content-management-systems/collaborative-editing-platforms.md) — Offers threaded comments, change tracking, and document versioning for team-based content review.
- [Content Migration Tools](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-migration-tools.md) — Transforms legacy HTML content to align with the editor's supported features through configurable markup handling. ([source](https://ckeditor.com/docs/ckeditor5/latest/updating/ckeditor4/migration-from-ckeditor-4.html))
- [Content Tag Filtering](https://awesome-repositories.com/f/content-management-publishing/content-tag-filtering.md) — Filters pasted and typed content against a configurable set of allowed tags and attributes. ([source](https://cdn.jsdelivr.net/gh/ckeditor/ckeditor4@master/README.md))
- [Formatting Artifact Removals](https://awesome-repositories.com/f/content-management-publishing/formatting-artifact-removals.md) — Strips all applied formatting from selected content, returning it to plain text. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Markdown-HTML Content Converters](https://awesome-repositories.com/f/content-management-publishing/markdown-html-content-converters.md) — Generates GitHub-flavored Markdown instead of HTML from the editor content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Markdown to Rich Text Parsers](https://awesome-repositories.com/f/content-management-publishing/markdown-to-rich-text-parsers.md) — Converts Markdown syntax into rich text formatting as the user types. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [AI Content Generation](https://awesome-repositories.com/f/content-management-publishing/media-management/media-automation-tools/document-generation/ai-content-generation.md) — Integrates an AI assistant for rewriting, editing, translating, or creating new content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [PDF Exports](https://awesome-repositories.com/f/content-management-publishing/pdf-exports.md) — Generates downloadable PDF files from edited documents for distribution and archiving. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))

### Development Tools & Productivity

- [Local Plugin Loading](https://awesome-repositories.com/f/development-tools-productivity/cli-extensions/local-plugin-loading.md) — Supports loading additional plugins from local folders by registering their path and name. ([source](https://cdn.ckeditor.com/))
- [Cross-Platform Editors](https://awesome-repositories.com/f/development-tools-productivity/cross-platform-editors.md) — Embeds consistently across Angular, React, Vue, Electron, Android, and iOS environments.
- [Document Change Reviewers](https://awesome-repositories.com/f/development-tools-productivity/change-tracking/document-change-reviewers.md) — Records all edits made to a document and allows accepting or rejecting them. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Pasted Content Normalization](https://awesome-repositories.com/f/development-tools-productivity/code-editors-ides/extension-ecosystems-management/editor-extensions/editor-utilities/pasted-content-normalization.md) — Preserves original formatting when pasting content from Google Docs or LibreOffice Writer. ([source](https://ckeditor.com/cke4/addons))

### Graphics & Multimedia

- [Hyperlink Management](https://awesome-repositories.com/f/graphics-multimedia/graphics-and-media/media-and-hyperlink-embedders/hyperlink-management.md) — Adds, edits, and attributes hyperlinks within the content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))

### Networking & Communication

- [Publish-Subscribe Event Systems](https://awesome-repositories.com/f/networking-communication/real-time-event-streams/publish-subscribe-event-systems.md) — Manages editor initialization, data flow, and user interactions through a publish-subscribe event system.

### Web Development

- [Rich Text Editor Embeddings](https://awesome-repositories.com/f/web-development/angular-application-frameworks/rich-text-editor-embeddings.md) — Provides native integration components for embedding the editor into Angular, React, and Vue applications. ([source](https://ckeditor.com/ckeditor-4/))
- [Module System Integrations](https://awesome-repositories.com/f/web-development/module-system-integrations.md) — Supports installation and initialization via UMD and npm for seamless web application integration. ([source](https://ckeditor.com/docs/ckeditor5/latest/updating/ckeditor4/migration-from-ckeditor-4.html))
- [Legacy Browser Support](https://awesome-repositories.com/f/web-development/browser-integration-utilities/browser-compatibility-utilities/legacy-browser-support.md) — Supports the latest stable releases of major desktop browsers including Internet Explorer 11. ([source](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html))
- [Embedded Comment Threads](https://awesome-repositories.com/f/web-development/comment-management-apis/thread-administration/embedded-comment-threads.md) — Discusses specific parts of a document through threaded comments with team members. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Editor Fullscreen Toggles](https://awesome-repositories.com/f/web-development/fullscreen-management/css-fullscreen-modes/native-fullscreen-toggles/editor-fullscreen-toggles.md) — Provides a fullscreen mode toggle to expand the editor to the entire browser viewport. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Embedded HTML Snippets](https://awesome-repositories.com/f/web-development/html-rendering/embedded-html-snippets.md) — Allows inserting raw HTML snippets directly into the editor content for custom markup. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Inline Text Transformations](https://awesome-repositories.com/f/web-development/inline-text-transformations.md) — Automatically corrects typos and applies formatting as the user types in the editor. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))
- [Description List Formatting](https://awesome-repositories.com/f/web-development/unordered-lists/description-list-formatting.md) — Creates ordered, unordered, to-do, and block-quoted lists with various markers. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))

### Artificial Intelligence & ML

- [Custom Plugin Development](https://awesome-repositories.com/f/artificial-intelligence-ml/ml-visualization-libraries/custom-plugin-development.md) — Develops new plugins from scratch using the editor's framework, as legacy plugins are incompatible and require full reimplementation. ([source](https://ckeditor.com/docs/ckeditor5/latest/updating/ckeditor4/migration-from-ckeditor-4.html))

### Business & Productivity Software

- [Mobile Browsers](https://awesome-repositories.com/f/business-productivity-software/chromium-based-browsers/mobile-browsers.md) — Functions on iOS 6+ Safari and Chrome for Android with limited usability. ([source](https://ckeditor.com/docs/ckeditor4/latest/guide/dev_browsers.html))
- [Document Versioning](https://awesome-repositories.com/f/business-productivity-software/document-versioning.md) — Creates named versions, compares changes, and restores previous document states. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))

### Data & Databases

- [Rich Text Table Editors](https://awesome-repositories.com/f/data-databases/virtual-table-querying/table-creation/rich-text-table-editors.md) — Enables creating and nesting tables directly within the editor for structured content. ([source](https://ckeditor.com/docs/ckeditor5/latest/features/index.html))

### Testing & Quality Assurance

- [Accessibility Compliance Verifiers](https://awesome-repositories.com/f/testing-quality-assurance/accessibility-visual-testing/accessibility-testing/accessibility-compliance-verifiers.md) — Audits and fixes content accessibility issues to ensure output meets WCAG standards.

### Part of an Awesome List

- [Standalone Editors](https://awesome-repositories.com/f/awesome-lists/devtools/standalone-editors.md) — Battle-tested HTML rich text editor.