Challenge 4: Hook CKInspector to the project
Learn how to use CKEditor with these hands on challenges!
Challenge
Challenge 4: Hook CKInspector to the project
Objective: - Explore the concept of model and schema in the CKEditor
Steps to Complete:
- Head over to the starter project you built in the “Use Builder to create a starter project” challenge 1
- [Enable the plugin]: Add the CKInspector plugin to your CKEditor configuration
- Use the CKInspector plugin import from the ckeditor5 package.
- [Attach the plugin to the DOM] After creating an editor instance with
CKEditorInspector.attach(editor)to showcase the inspector on the website. - 🥑 [Optional] Add a toggle button that will show/hide the inspector
Resource: You can get a more detailed breakdown of how to complete this challenge with this CKEditor GitHub Repository.