strapi-plugin-ckeditor5
Advanced tools
Replace Strapi default WYSIWYG editor with enhanced build of CKEditor 5
Replace default Strapi markdown WYSIWYG editor with enhanced build of HTML CKEditor 5.
Check out 👀 live demo where you can test most of the features.
Go to your Strapi project folder and execute
npm i strapi-plugin-ckeditor5
Don't forget to rebuild Strapi
npm run strapi build
Go to your Strapi project folder and execute
npm i strapi-plugin-ckeditor5@1.14.0
Don't forget to rebuild Strapi
npm run strapi build
See customization guide.
If you want to change appearance of the editor or remove unused buttons you can add a custom CKEditor configuration to override default settings:
Go to your Strapi folder
Copy template config file node_modules/strapi-plugin-ckeditor5/admin/src/config/ckeditor.js to extensions/ckeditor5/admin/src/config
Set up extensions/ckeditor5/admin/src/config/ckeditor.js (see CKEditor configuration guide)
Rebuild Strapi
npm run strapi build
// ckeditor.js
module.exports = {
// Override toolbar config to leave a few buttons
toolbar: {
items: [
"heading",
"|",
"bold",
"italic",
"link",
"alignment",
"|",
"undo",
"redo",
],
},
};
For information and inspiration: default editor configuration defined here.
If you want to see more features in this plugin feel free to request it in issues or create pull request in the ckeditor5-build-strapi-wysiwyg repo. Together we will build a comprehensive editor for common needs.
This plugin uses some code from official manual.
Give a star if this project helped you.
FAQs
Replace Strapi default WYSIWYG editor with enhanced build of CKEditor 5
The npm package strapi-plugin-ckeditor5 receives a total of 540 weekly downloads. As such, strapi-plugin-ckeditor5 popularity was classified as not popular.
We found that strapi-plugin-ckeditor5 demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.