sheodox-ui

The RichText component takes a string of text and will render it as text with clickable links.

Source Text
Parsed Segments

[
  {
    "type": "text",
    "text": "this link is to a city "
  },
  {
    "type": "link",
    "text": "https://goo.gl/maps/YmnzVoQuV1jmXXwx7"
  },
  {
    "type": "text",
    "text": " but have you ever been to "
  },
  {
    "type": "link",
    "text": "https://dicechest.com/"
  },
  {
    "type": "text",
    "text": " yeah of course"
  }
]

Default rich text

this link is to a city https://goo.gl/maps/YmnzVoQuV1j... but have you ever been to https://dicechest.com/ yeah of course

Rich text without path length limits

this link is to a city https://goo.gl/maps/YmnzVoQuV1jmXXwx7 but have you ever been to https://dicechest.com/ yeah of course

Rich text using input's value

Max URL path length

this link is to a city https://goo.gl/maps/Y... but have you ever been to https://dicechest.com/ yeah of course