Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.
Hi all,
Imagine this textarea
<textarea v-model="message">
<p>Mycontent here<br>Hello</p>
</textarea>
At the moment when my v-model passes data from an axios response, the html looks like text. Do you remember how to get the html to actual act as html with the V-model and textarea please?
Thank you
Text area contains text like normal text inputs, To display html using Vue you can use v-html on normal element, not an input.
<div v-html="rawHtml"></div>
https://vuejs.org/guide/essentials/template-syntax.html#raw-html
To display an HTML as an input field you should use WYSIWYG editor.
For example: https://github.com/davidroyer/vue2-editor
@MohamedTammam Thanks for this, can then v-html be used as the model too?
@User476820 No, you need to have another element for v-model. Like
<textarea v-model="rawHtml"></textarea>
<div v-html="rawHtml"></div>
@MohamedTammam Thanks, Let me try and I will come back to you
@MohamedTammam The biggest problem I am encountering is that it is fine, the text response goes into v-html but if the user wishes to type more text or correct it, it will not work because this is a DIV and not a textarea. Tricky...
@MohamedTammam Ok found a solution with contentEditable= "true", then add an input method which rewrite the changes inside the given array. Cool :-)
Thanks to you both.
Please or to participate in this conversation.