Jodit plugins¶
Plugins for the Jodit WYSIWYG editor. Each plugin is a separate npm package that works with Jodit 4: install it, import it once, and its button appears in the toolbar.
Plugins¶
| Plugin | Package | What it does |
|---|---|---|
| Code block | jodit-plugin-code |
Inserts code blocks with syntax highlighting, a preview, optional line numbers and a copy button on the site |
| Data generation | jodit-plugin-datagen |
Inserts sample content — posts, people, products, recipes, tables, images — from DummyJSON, with ready layouts or your own templates |
| Email link | jodit-plugin-mailto |
Inserts mailto: links with To, Cc, Bcc, Subject and Body; required fields are configurable |
| QR code | jodit-plugin-qrcode |
Inserts QR codes for any text or link, with a live preview and editing of inserted codes |
| Short links | jodit-plugin-shortlink |
Shortens links in the link form and the link toolbar with da.gd, clck.ru or your own service |
Ways to connect a plugin¶
Every plugin can be connected in three ways, described in Getting started:
- as an npm package imported next to Jodit, for applications built with Vite, webpack, Next.js and other bundlers;
- as a single
<script>from a CDN afterjodit.min.js, for pages without a build step; - through the Jodit
extraPluginsoption, which downloads the plugin when the editor starts.