A curated list of awesome projects and resources related to CKEditor 5, an open source rich text editing component.
CKEditor is a modern JavaScript rich-text editor with MVC architecture, custom data model, and virtual DOM, written from scratch in TypeScript with support for modern bundlers. It provides every type of WYSIWYG editing solution imaginable with extensive collaboration support. From editors similar to Google Docs and Medium to Slack or Twitter-like applications, all is possible within a single editing component.
- React - Official CKEditor rich text editor component for React.
- Angular - Official CKEditor rich text editor component for Angular.
- Vue.js - Official CKEditor rich text editor component for Vue.js.
- Drupal - Official CKEditor integration for the Drupal content management system.
- CKEditor Free plugin pack module - Official set of free plugins adding emoji, find-and-replace, fonts, and more to Drupal.
- CKEditor Premium features module - Integration of official Premium plugins into Drupal.
- TYPO3 - Official rich text editor integration for the TYPO3 CMS backend and frontend.
- TYPO3 CKEditor Pack - Extension providing a modern CKEditor build with accessibility tools and AI assistance.
- Strapi - Official plugin for the Strapi headless CMS.
- Phoenix / Elixir - CKEditor integration for Phoenix and LiveView applications.
- Livewire / PHP - Lightweight CKEditor integration for Laravel Livewire components.
- Ruby on Rails - Ruby gem for integrating CKEditor into Rails applications via web components.
- Redaxo CMS - CKEditor integration with customizable profiles and media management for Redaxo.
- Django CMS - CKEditor rich text editor frontend for the djangocms-text package.
- Django - CKEditor form field and widget for Django applications.
- Cosmos CMS - Open source .NET content management system built for Microsoft Azure.
- Laravel Nova - CKEditor field with enhanced media management for Laravel Nova.
- Vaadin Flow Java - CKEditor integration for Vaadin Flow Java web applications.
- Mermaid - Plugin for embedding and displaying Mermaid diagrams.
- CKEditor footnotes - Plugin for adding footnote references and content to documents.
- Math equations - TeX-based plugin for inserting mathematical equations via MathJax or KaTeX.
- AI agent - Plugin for integrating AI-assisted text generation using various models.
- Line height - Plugin for adjusting text line spacing in the editor.
- Video uploader - Plugin for uploading and embedding videos directly in the editor.
- CKEditor Builder - Online tool to configure and generate custom CKEditor builds.
- CKEditor Package Generator - CLI tool for scaffolding CKEditor plugin packages.
- CKEditor Inspector - Browser DevTools extension for debugging CKEditor internals.
- CKEditor Official demos - Official demos sources.
- CKEditor Collaboration Features Decomposed - Demo showing iterative implementation of comments, track changes, and real-time editing.
- CKEditor Collaboration Samples - A collection of various configurations of the collaborations features in various frameworks.
- CKEditor AI - React app demonstrating AI feature configuration and customization.
- Advanced CKEditor features - Workshop project demonstrating custom plugins and template functionality.
- CKEditor Official Tutorials - Official tutorials sources.
- Plotly.js - Chart library demo persisting data in the editor content and rendering charts as a CKEditor widgets.
- Vanilla JS - Quick start guide for plain JavaScript projects.
- Next.js - Guide for Next.js.
- Nuxt - Guide for Nuxt applications using the official Vue.js component.
- Svelte - Guide for Svelte applications.
- Laravel - Guide for Laravel (PHP)) applications.
- .NET - Guide for ASP.NET Core.
- Salesforce - Guide for Salesforce integration via Visualforce page.
- Spring Boot - Guide for Java Spring Boot applications.
- Electron - Guide for Electron applications.
- jQuery - Guide for jQuery-based web applications.
Released under the CC0 1.0 Universal license.
Contributions welcome! Read the contribution guidelines first.