To add an preformatted block, click on the Add Block button and select the Preformatted block. Alternatively, you can start typing
/preformatted in a new paragraph block, then press enter.
To reveal the block toolbar, you can click on the block and the toolbar will display. Each block comes with unique toolbar icons and specific user controls that allow you to manipulate the block right in the editor.
The preformatted block offers basic formatting options in its toolbar:
Similar to the code block, the preformatted block is displayed in a monospace font, making it easy to keep text perfectly aligned. However, the preformatted block also includes styling and the ability to add hyperlinks that a code block doesn’t have.
Clicking on the cog icon next to the publish button will toggle the visibility of this panel. While most blocks have specific options in the editor sidebar in addition to the options found in the block toolbar, the preformatted block does not have extra options.
The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and apply styles to the block as you see fit.