CKEditor 5 with ckeditor5-math – Development Sample

Development environment

This is a demo of the classic editor build that loads the Math and AutoformatMath plugin.

Math inserts mathematical formulas into the editor. You can click the CKEditor 5 Math icon in the toolbar and see the results.

$e=mc^2$

This should show "\test" as ≠ via katexRenderOptions.macros: $\test$

The directory structure

The code snippet below presents the directory structure.

.
├─ sample
│  ├─ dll.html          # The editor initialized using the DLL builds. Check README for details.
│  ├─ index.html        # The currently displayed file.
│  └─ ckeditor.js       # The editor initialization script.
├─ src
│  ├─ autoformatmath.js # The AutoformatMath plugin.
│  ├─ math.js           # The Math plugin.
│  ├─ index.js          # The modules exported by the package when using the DLL builds.
│  └─ **/*.js           # JavaScript source files.
├─ tests
│  └─ **/*.js           # Test files
├─ theme
│  ├─ icons
│  │  ├─ math.svg       # The Math icon displayed in the toolbar.
│  └─ mathform.css      # Math editor styles.
├─ .editorconfig
├─ ...
└─ README.md

Reporting issues

If you found a problem with CKEditor 5 or the package generator, please, report an issue:

CKEditor 5 Math