Gutenberg.md

WordPress Gutenberg Editor

The important things first: please use the Visual Editor Plugin or Gutenberg whenever possible never ever use shortcodes in the Visual Editor!

Shortcodes are designed to be used with the Text Editor (HTML) only!

Insert Code-Snippets

Enlighter provides a full Gutenberg-Editor-Integration which allows you to edit add/edit code to your posts seemless.

Example

Steps

1. Click on the plus icon to insert a new Gutenberg Block
2. Search for Enlighter Sourcecode block
3. Paste your snippet into the text-area
4. Select the language of your snippet (javascript in this example)
5. You can edit the snippet directly in the Visual Editor at any time
6. Publish your post!

Use Inline Code Highlighting

Enlighter allows you to highlight codeblocks as well as inline snippets out-of-the-box. Inline-Code is often used to highlight small pieces of code diretly within a larger textblock.

Since: Enlighter v4.4.0 / Gutenberg Plugin v1.1.0

Example

Steps

1. Select the content you want to highlight
2. Open the format dropdown and select Enlighter Inline Code
3. Select the language of the text
4. Publish your post!