Issues with Quotes (rich text content type)

[larissa-n]

Version

Most recent

Operating System

Any

Browser

Any

What steps will reproduce the bug?

Using Headless CMS & @webiny/react-rich-text-renderer Docs: https://www.webiny.com/docs/headless-cms/extending/render-rich-text-content

What is the expected behavior?

Quote text should be rendered as it was provided, including special characters

What do you see instead?

& is rendered as & Carriage returns are rendered as <br>

Captions are not shown, but that is to be expected from default render function.

function renderQuote(block: OutputBlockData) {
    return (
        <blockquote className={"rte-block-blockquote"}>
            <p>{block.data.text}</p>
        </blockquote>
    );
}

Additional information

No response

Possible solution

No response

[jimjoes]

+1 The rich text renderer also does this with lists.

[Pavel910]

You can, for the time being, bypass the issue by providing your own renderer: https://github.com/webiny/webiny-js/tree/next/packages/react-rich-text-renderer#adding-custom-renderers

If you do implement your own renderer, please share your implementation with us, or even better, open a PR that fixes these issues.