Preformatted

Add text that respects your spacing and tabs, and also allows styling.

This block is available in the latest version of WordPress and does not require the Gutenberg plugin.

Category: Text

For developers

Block Grammar & Markup

<!-- wp:core/preformatted -->
<pre class="wp-block-preformatted">Some <em>preformatted</em> text...<br>And more!</pre>
<!-- /wp:core/preformatted -->

Block Attributes

Optional. Type: Object.

Attributes provide the structured data needs of a block. They can exist in different forms when they are serialized, but they are declared together under a common interface.

Documentation

content

{
  "content": {
    "type": "string",
    "source": "html",
    "selector": "pre",
    "default": "",
    "__unstablePreserveWhiteSpace": true,
    "__experimentalRole": "content"
  },
  "anchor": {
    "type": "string",
    "source": "attribute",
    "attribute": "id",
    "selector": "*"
  }
}

Block Supports

Optional. Type: Object.

A set of options that enables or disables block controls in the editor, for example gradient colors or padding.

Documentation

Anchor, color: background, color: gradients, color: text, typography: __experimentalFontFamily, typography: __experimentalFontStyle, typography: __experimentalFontWeight, typography: __experimentalLetterSpacing, typography: __experimentalTextDecoration, typography: __experimentalTextTransform, typography: fontSize, typography: lineHeight

{
  "anchor": true,
  "color": {
    "gradients": true,
    "__experimentalDefaultControls": {
      "background": true,
      "text": true
    }
  },
  "typography": {
    "fontSize": true,
    "lineHeight": true,
    "__experimentalFontFamily": true,
    "__experimentalFontWeight": true,
    "__experimentalFontStyle": true,
    "__experimentalTextTransform": true,
    "__experimentalTextDecoration": true,
    "__experimentalLetterSpacing": true,
    "__experimentalDefaultControls": {
      "fontSize": true
    }
  }
}

Transforms

Optional. Type: Object.

Transforms provide rules for what a block can be transformed from and what it can be transformed to.

Documentation

Transforms from: Code, paragraph.

Transforms to: Paragraph. Code.