📢 Don't fork this project. Use, contribute, or open issues through Store Discussion.

The Rich Text block converts texts written in Markdown to HTML and displays them in your storefront.

For example, the text [Help](https://developers.vtex.com/).\n**Be Bold!**\n*This is italic* is converted to:

<div>
      <p>
        <a href="https://developers.vtex.com/">
         Help
        </a>
        <br />
        <span class="b">Be Bold!</span>
        <br />
        <span class="i">This is italic</span>
      </p>


    </div>
  </div>

For more information, please refer to the Markdown documentation.

1. Import the rich text app to your theme dependencies in the manifest.json as in the following example:

  "dependencies": {
    "vtex.rich-text": "0.x"
  }

2. Add the rich-text block to your block files in the desired template position. For example:

"rich-text": {
  "props": {
    "textAlignment": "CENTER",
    "textPosition": "CENTER",
    "text": "Visit our [help](https://developers.vtex.com/) section.\n**Be Bold!**\n*This is italic*",
    "textColor": "c-on-emphasis",
    "font": "t-heading-5",
    "blockClass": "help-message"
  }
}

• TextPostionEnum possible values

• TextAlignmentEnum possible values

To apply CSS customizations to this and other blocks, please follow the Using CSS handles for store customization guide.

Thanks goes to these wonderful people (emoji key):

This project follows the all-contributors specification. Contributions of any kind welcome!