Node

A node represents a piece of content, such as a paragraph, image, or Vizy block. Nodes can contain other nodes: a list contains list items, for example, and each item can contain text. A node’s PHP class defines how Vizy renders that content as HTML.

Register a custom node class through Extensions::EVENT_REGISTER_EXTENSIONS using $event->nodes[] = MyNode::class. See Extending Vizy for the registration process.

Static Methods

Register and author: Extending Vizy. Override tags and rendered HTML: Events. Own a node type’s complete site markup in Twig: Node and Mark Templates.

Reading Content in Twig

Read the Vizy field from an entry to render its document or query individual pieces of content. In this example, replace myVizyField with your field’s handle:

{{ entry.myVizyField.render() }}
{% for node in entry.myVizyField.query().all() %}
  {# VizyContentNode / VizyBlock projections #}
{% endfor %}

See Rendering Content and Querying Nodes. GraphQL mirrors the same shape — GraphQL.

Built-In Types

Core classes live under verbb\vizy\nodes\. Block HTML uses Block Type Twig templates, not tag().

Prose

Layout

See Layouts for authoring and Styling Layouts for frontend CSS.

Media

Tables

Blocks

The default renderer removes event-handler attributes such as onclick, and removes srcdoc, before producing HTML.