'Autodetect links in textarea field

How can I highlight hyperlinks in textarea. I have created a tag as shown below

     <textarea
        class="textarea"
        name="input_note"
        id=""
        cols="30"
        rows="10"
      ></textarea>

let's say this input field is used to take a note and saves there(more like a google keep). so when the user inputs any 'links' in the input field, the links are shown as plain text instead of hyperlink. The link is also not highlight as normally has.

---input field I have saved a note with the link- 'https://stackoverflow.com/' but when the note is displayed

> https://stackoverflow.com/

plain text is displayed and not clickable.

htmlhyperlinktextarea


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions