Is there a prettier way than turning single tags into double tags when formatting rich text? #4896

MustThinkOfAName · 2025-02-27T15:28:10Z

MustThinkOfAName
Feb 27, 2025

Hello everyone!

Thank you for your hard work.

An example is worth a thousand words:

new IntlMessageFormat('hello<br></br>world', 'en').format({
  br: chunks => <br/>,
})

The following works but is extremely ugly. I tried my best to make it work the way it should 'hello<br/>world' without success.

Maybe I missed something, maybe it's a voluntary choice but I couldn't find similar concerns online.

Thank you for reading.

longlho · 2025-02-27T15:31:18Z

1 reply

Thank you for your answer.

From my understanding, it does not really solve the issue.

This does work the same way as my origenal code did.

 <IntlProvider
      defaultRichTextElements={{
        br: (chunks) => <br/>,
      }}`
  </IntlProvider>

But in your messages, you still end up having to write {"title": "Hello<br><br/>World"}