Intro to Visual editing

In your Brick components you can use React Bricks exported Visual editing components.


Used for on-line plain text.

See the Text docs


Used for multiline rich text editing.
You may choose the available rich text features (bold, italic, link, code, highlight, headings, quote) and provide custom render functions for each feature.

See the RichText docs


This is the new extensible version of the RichText component. It is based on a plugins system, which allows you to customize also the buttons, the shortcut hot keys and create custom plugins from scratch.

See the RichTextExt docs.

To extend the RichText behavior, you may see also plugin helpers like markPluginConstructor and blockPluginConstructor.


The image component allows the user to upload images. React Bricks APIs will create a small size placeholder for lazy loading and responsive versions to optimize data transfer.
On the frontend, this component lazyloads the images and uses the sourceSet created on the server to load the optimal image size.

See the Image docs