Settings

Edit in Modal

Allows you to open a detachable code window permitting you to detach your code window from the Block Inspector and move it around the page as you wish.

This does not affect the other code windows.

Open

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find code window to detach (PHP, CSS and JS).

  • Click "Edit in Modal" icon to open mobile window.

  • Drag Modal to desired position.

Close

  • Find Edit in Modal window you want to close.

  • Click "X" to close.

Word Wrap

The word-wrap property allows long words to be broken and wrap onto the next line.

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find input code to Word Wrap (PHP, CSS and JS).

  • Click Word Wrap icon to word wrap the code.

Beautify

The beautify property helps you to format and indent your language source code to make it look more attractive and easier to read.

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find input code to beatify (PHP, CSS and JS).

  • Click Beautify icon to beautify code.

Re-render

The re-render property allows you to refresh your code.

This is only required for PHP.

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find PHP input code to re-render.

  • Click Re-render icon to refresh the code.

Show on Editor

Allows you to show on the Editor exactly what you are coding. It can be toggled on or off.

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find the Show on Editor property.

  • Toggle as required.

Prevent Clicks

Allows you to prevent the code from being altered.

  • Select a code block.

  • Navigate to the Primary tab of the Block Inspector.

  • Find the Prevent Clicks property.

  • Toggle as required.

Last updated