Tutorials for CKEditor 5

This repository contains the source code for CKEditor 5 tutorials. Each package has starter files and the final code for each tutorial.

All tutorials can be found in the CKEditor 5 framework documentation.

How to run a tutorial package

After cloning this repository, go into the directory of the tutorial you selected and open the index.html page. The example will be ready to use.

If you would decide to modify the existing code, in order to see your changes, you need to install necessary dependencies:

npm install

The webpack is also already configured, so you can build the package:

npm run build

Whenever you want to check anything in the browser, save the changes and run build again. Then, refresh the page in your browser (remember to turn off caching, so that new changes are displayed instantly).

Tutorials

• Creating a basic plugin - Timestamp
• Creating a simple plugin - Abbreviation
  • Part 1
  • Part 2
  • Part 3