Intro to Visual editing

In your Brick components you may use React Bricks exported components.
Three of them are needed for Visual (WYSIWYG) editing.

They are:

  • Text for one-line plain texts.
  • RichText for multiline rich text editing.
    You may choose the available rich text features (bold, italic, link, code, highlight) and provide custom components for these markers.
  • Image to allow inline uploading of images.
    On the Admin this component allow the upload, then our APIs will create a small size placeholder for lazy loading and responsive versions to optimize data transfer.
    On the frontend, this component lazyload the images and uses the sourceSet created on the server to load the optimal image size.

See Text, RichText and Image components.