A lightweight Syntax Highlighter for WordPress. Outputs static HTML. (Gutenberg / WP 5.0 only)
The existing plugins I found all required external services or JavaScript libraries on the frontend, increasing load times and using browser resources unnecessarily.
Kebo Code avoids that by using CodeMirror's runMode
to syntax highlight code live in the editor, allowing the frontend to be static HTML.
The plugin relies on using JavaScript to produce the syntax highlighted code before it can be displayed, which lends itself to Gutenberg but not Shortcodes. Unfortunately this means it requires the Gutenberg / WordPress 5.0 editor.
There are only two styles/themes initially, mimicking the Github and VS Code Dark+ themes. I will add more as time passes but you are welcome to let me know which your favourites are. You can also disable the plugin styles and use your own.
- Upload to your plugins folder, usually
wp-content/plugins/
- Activate the plugin on the plugin screen.
- When editing posts you will now have the
Kebo Code
block available.
Licensed under GPLv2.