https://github.com/ckeditor/awesome-ckeditor
Awesome CKEditor List ✨
https://github.com/ckeditor/awesome-ckeditor
List: awesome-ckeditor
Last synced: 5 days ago
JSON representation
Awesome CKEditor List ✨
- Host: GitHub
- URL: https://github.com/ckeditor/awesome-ckeditor
- Owner: ckeditor
- License: mit
- Created: 2025-04-30T11:23:54.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-05-07T12:12:31.000Z (about 1 month ago)
- Last Synced: 2025-05-07T13:26:49.584Z (about 1 month ago)
- Homepage: https://ckeditor.com
- Size: 39.1 KB
- Stars: 1
- Watchers: 8
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
- ultimate-awesome - awesome-ckeditor - Awesome CKEditor List ✨. (Other Lists / Julia Lists)
README
[](https://github.com/ckeditor/awesome-ckeditor) [](https://twitter.com/ckeditor) [](https://www.linkedin.com/company/ckeditor) [](https://github.com/ckeditor/ckeditor5)
# Awesome CKEditor
A curated list of awesome projects and resources related to [CKEditor](https://github.com/ckeditor/ckeditor5), an open source rich text editing component.
This list is maintained and sponsored by [CKSource](https://cksource.com/), the creators and core maintainers of CKEditor.
## What is CKEditor?
CKEditor is a modern JavaScript rich-text editor with MVC architecture, custom data model, and virtual DOM, written from scratch in TypeScript with excellent 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.
## Table of Contents
- [Documentation](#documentation)
- [Integrations](#integrations)
- [Developer tools](#developer-tools)
- [Blog posts](#blog-posts)
- [Videos](#videos)
- [Community plugins](#community-plugins)
## Documentation
- [Getting started](https://ckeditor.com/docs/ckeditor5/latest/getting-started/index.html)
- [List of officially supported features](https://ckeditor.com/docs/ckeditor5/latest/features/index.html)
- [CKEditor 5 Framework](https://ckeditor.com/docs/ckeditor5/latest/framework/index.html)
## Integrations
### Officially-maintained
- [React](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/react/react-default-npm.html)
- [Next.js](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/next-js.html)
- [Angular](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/angular.html)
- [Vue 3](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/vuejs-v3.html)
- [Vue 2](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/vuejs-v2.html)
- [Nuxt](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/nuxt.html)
- [Svelte](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/svelte.html)
- [Strapi](https://market.strapi.io/plugins/@ckeditor-strapi-plugin-ckeditor)
- [Laravel](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/laravel.html)
- [.NET](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/dotnet.html)
- [Salesforce](https://ckeditor.com/docs/ckeditor5/latest/getting-started/installation/self-hosted/salesforce.html)
- [Drupal](https://ckeditor.com/drupal)
- [CKEditor 5 Free plugin pack module](https://www.drupal.org/project/ckeditor5_plugin_pack)
- [CKEditor 5 Premium features module](https://www.drupal.org/project/ckeditor5_premium_features)
### Community-maintained
- [Ruby on Rails](https://github.com/Mati365/ckeditor5-rails)
- [Typo3](https://docs.typo3.org/c/typo3/cms-rte-ckeditor/main/en-us/Introduction/Index.html#what-does-it-do)
- [Redaxo CMS](https://github.com/FriendsOfREDAXO/cke5)
- [Django CMS](https://github.com/django-cms/djangocms-text-ckeditor5)
- [Django](https://github.com/hvlads/django-ckeditor-5)
- [Cosmos CMS](https://github.com/MoonriseSoftwareCalifornia/CosmosCMS)
- [Laravel Nova](https://github.com/mostafaznv/nova-ckeditor)
- [Vaadin Flow Java](https://github.com/wontlost-ltd/vaadin-litelement-ckeditor)
## Developer tools
- [CKEditor 5 Builder](https://ckeditor.com/ckeditor-5/builder/)
- [CKEditor 5 Package Generator](https://ckeditor.com/docs/ckeditor5/latest/framework/develpment-tools/package-generator/using-package-generator.html)
- [CKEditor 5 Inspector](https://ckeditor.com/docs/ckeditor5/latest/framework/develpment-tools/inspector.html)
## Blog posts
- [How to Build a Google Docs Clone with CKEditor 5 and Vue.js](https://ckeditor.com/blog/how-to-build-google-docs-clone-with-ckeditor-5-and-vuejs/)
- [How to Create a Rich Text Editor in Angular: Step-by-Step](https://ckeditor.com/blog/how-to-create-a-rich-text-editor-in-angular/)
- [What are Merge Fields? Usage and Key Benefits](https://ckeditor.com/blog/merge-fields-usage-key-benefits/)
- [How to Set Up a Custom Text Editor in 5 Minutes with CKEditor 5 Builder](https://ckeditor.com/blog/custom-text-editor-setup-using-ckeditor-5-builder/)
- [Supercharge Drupal Content Creation: 12 Free CKEditor Plugins](https://dev.acquia.com/blog/supercharge-drupal-content-creation-12-free-ckeditor-plugins)
- How We Made our Rich Text Editor Load Faster - [Part 1](https://ckeditor.com/blog/how-we-made-our-rich-text-editor-load-faster-part-1/) and [Part 2](https://ckeditor.com/blog/how-we-made-our-rich-text-editor-load-faster-part-2/)
## Videos
- [How To Build A Custom Invoice Generator with CKEditor 5: Step-By-Step Guide](https://www.youtube.com/watch?v=DqoVSDmvP-s)
- [Building Google Docs clone with Python, JavaScript, CKEditor, Google Login, and more](https://www.youtube.com/watch?v=OGCE3OUO4G8)
- [Using CKEditor in Drupal CMS, general guide](https://www.youtube.com/watch?v=0V_AW5ihu8o&t=443s)
- [Create a Custom Text Editor using CKEditor 5 Builder in 5 Minutes](https://www.youtube.com/watch?v=7Pnlt1Y590Q)
- [Level Up Your Drupal Content Editing with CKEditor Features](https://www.youtube.com/watch?v=joS1jCysapw)
- [CKEditor 5 in Django admin 🇷🇺](https://www.youtube.com/watch?v=AkZwsDxTa0U)
- [Integrating CKEditor 5 in Django, admin and on a page 🇮🇳](https://www.youtube.com/watch?v=ujQ1TBXSkfQ)
- [Vue 3 integration 🇪🇸](https://www.youtube.com/watch?v=9khCXEfqEiQ)
- [Using CKEditor 5 in Symfony 7 🇫🇷](https://www.youtube.com/watch?v=Qwubyuogcz0)
- [CKEditor 5 image upload integration in Symfony 🇫🇷](https://www.youtube.com/watch?v=jUUGsCBwIJk)
- [Using CKEditor 5 in Laravel + medical history app 🇪🇸](https://www.youtube.com/watch?v=4qNvgwS8I9A)
- [Using CKEditor in Drupal CMS, general guide](https://www.youtube.com/watch?v=0V_AW5ihu8o&t=443s)
- [Case study in developing a custom CKEditor 5 Link plugin in Drupal](https://www.youtube.com/watch?v=_qeU7AN6zhI)
## Community plugins
- [Mermaid](https://github.com/ckeditor/ckeditor5-mermaid)
- [CKEditor 5 footnotes](https://www.npmjs.com/package/ckeditor5-footnotes)
- [Math equations](https://github.com/isaul32/ckeditor5-math)
- [AI agent](https://github.com/dxpr/ckeditor5-ai-agent)
- [Line height](https://github.com/rickx81/ckeditor5-line-height)
- [Video uploader](https://github.com/alikhosravidev/ckeditor5-video-uploader)