awesome-ckeditor
Awesome CKEditor List ✨
https://github.com/ckeditor/awesome-ckeditor
Last synced: 15 days ago
JSON representation
-
Blog posts
-
Community-maintained
- How to Build a Google Docs Clone with CKEditor 5 and Vue.js
- How to Create a Rich Text Editor in Angular: Step-by-Step
- What are Merge Fields? Usage and Key Benefits
- How to Set Up a Custom Text Editor in 5 Minutes with CKEditor 5 Builder
- Supercharge Drupal Content Creation: 12 Free CKEditor Plugins
- Part 1 - we-made-our-rich-text-editor-load-faster-part-2/)
- How we made CKEditor 40% Smaller: A Deep Dive into Bundle Size Optimization
-
-
Developer tools
- 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.
-
Documentation
-
Guides
- 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.
- Vanilla JS - Quick start guide for plain JavaScript projects.
- Spring Boot - Guide for Java Spring Boot applications.
- Electron - Guide for Electron applications.
- jQuery - Guide for jQuery-based web applications.
-
Integrations
-
Officially-maintained
-
- Strapi - Official plugin for the Strapi headless CMS.
- 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.
- Ruby on Rails - Ruby gem for integrating CKEditor into Rails applications via web components.
- TYPO3 - Official rich text editor integration for the TYPO3 CMS backend and frontend.
- 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.
- Phoenix / Elixir - CKEditor integration for Phoenix and LiveView applications.
- Livewire / PHP - Lightweight CKEditor integration for Laravel Livewire components.
- Symfony / PHP - CKEditor integration for Symfony applications.
- 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.
- TYPO3 CKEditor Pack - Extension providing a modern CKEditor build with accessibility tools and AI assistance.
- Blazor / .NET Core - CKEditor integration for Blazor and .NET Core applications.
- Drupal - Official CKEditor integration for the Drupal content management system.
-
-
Plugins
- 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.
-
Showcases
- 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.
-
Videos
-
Community-maintained
- How To Build A Custom Invoice Generator with CKEditor 5: Step-By-Step Guide
- Building Google Docs clone with Python, JavaScript, CKEditor, Google Login, and more
- Using CKEditor in Drupal CMS, general guide
- Create a Custom Text Editor using CKEditor 5 Builder in 5 Minutes
- Level Up Your Drupal Content Editing with CKEditor Features
- CKEditor 5 in Django admin 🇷🇺
- Integrating CKEditor 5 in Django, admin and on a page 🇮🇳
- Vue 3 integration 🇪🇸
- Using CKEditor 5 in Symfony 7 🇫🇷
- CKEditor 5 image upload integration in Symfony 🇫🇷
- Using CKEditor 5 in Laravel + medical history app 🇪🇸
- Case study in developing a custom CKEditor 5 Link plugin in Drupal
-
Programming Languages
Categories
Sub Categories
Keywords
ckeditor5
6
ckeditor
3
rich-text-editor
2
wysiwyg
2
ror
1
rails
1
podman
1
integration
1
hetzner
1
cdn
1
video
1
nova
1
media-picker
1
media
1
laravel
1
image
1
audio
1
django
1
tex
1
mathjax
1
latex
1
katex
1
ckeditor5-math
1
symfony
1
php
1
form
1
webapp
1
monaco-editor
1
headless-cms
1
grapesjs
1
filerobot
1
filepond
1
dotnet-core
1
decoupled-cms
1
cosmosdb
1
cosmos-db
1
azure-cdn
1
asp-net-core
1
redaxo-addon
1
redaxo
1
editors
1
editor
1
addon
1
webcomponents
1
text-editor
1
ruby
1