Blocks

Blocks »SyntaxHighlighter Code Block

This block is currently not available for sites on our Business plan with plugins installed. If you would like to use a SyntaxHighlighter, you can still do so by following the instructions here.

Table of Contents

Syntax Highlighter Code Block
Sidebar Settings
Advanced
Steps for Classic Editor

The Syntax Highlighter Code Block

With the Syntax Highlighter Code block, you can add formatted code for others to view.

For example, you can add this code inside the block in your editor:

And it will appear like this on your live site:

In order to add a SyntaxHighlighter Code block, click on the Block Inserter icon.

You can also type /code and hit enter in a new paragraph block to add one quickly.

Detailed instructions on adding blocks can be found here.


↑ Table of Contents ↑

Most blocks have specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click the ‘cog’ icon next to the Publish button.

The SyntaxHighlighter Code block has a code language option. This lets you choose white kind of code you want to write so it will be formatted with the correct syntax on the live site.


↑ Table of Contents ↑

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Pages: 1 2 View All

Still confused?

Contact support.

Not quite what you're looking for?

Get Help