HTML/CSS/JavaScript Code Editor For Gutenberg – Code Editor Blocks

The Code Editor Blocks plugin provides 2 blocks that make it easier to edit code snippets in the Gutenberg editor.

  • HTML Editor: Add custom HTML code and preview it as you edit.
  • Code Editor: Edit HTML/CSS/JavaScript with autocomplete and synax highlighting.

How to use it:

1. Download the Code Editor Blocks plugin.

2. Upload, install and activate the plugin.

3. Create new code editor block in the Gutenberg editor.

new code editor block

4. Select the mode of the editor from the right panel.

Code Editor Blocks Settings

Preview:

Gutenberg Code Editor Blocks

Download WordPress Plugin:

You can download this free WordPress plugin using the download button below. Unless otherwise stated, the WordPress plugin is available under GNU General Public License.

Author: Toro_Unit

Homepage: https://wordpress.org/plugins/code-editor-blocks/

Don’t forget to share this WordPress plugin and also check out other awesome plugins on our site.

Rate This Plugin
Sending
User Review
0 (0 votes)