CODEWITHSUNDEEP
javascriptvue.jshyperlinkvuetify.jstextarea
ozansozuoz
ozansozuoz

Reputation: 237

Vuetify- How to make a link in the textarea clickable?

I have a simple v-textarea

<v-textarea v-model="text"/></v-textarea>

Is there a way to detect that a link has been inserted and make it change color and be clickable?

Such as this https://stackoverflow.com/.

Upvotes: 1

Views: 2295

Answers (1)

Sergey Mell
Sergey Mell

Reputation: 8050

You cannot make clickable links inside textareas (v-textarea is just a wrapper around a native one). They are for plain text only.

As a possible workaround you can you can make a div, copy formatted content from the textarea to this div with the appropriate wrapping of links into the tags and then switch the textarea and div on blur event or maybe a custom switcher

Upvotes: 1

Related Questions