el-input textarea 解析html标签
时间: 2023-08-18 08:56:58 浏览: 615
HTML的TextArea中保存格式问题解决方法
对于 `el-input` 和 `textarea` 组件,它们默认会将输入的内容作为纯文本处理,不会解析其中的 HTML 标签。这是为了防止跨站脚本攻击 (XSS) 的安全考虑。
如果你希望解析输入内容中的 HTML 标签,你可以使用第三方库来实现。比如,在 Vue.js 项目中,你可以使用 `v-html` 指令来渲染包含 HTML 标签的内容。
示例代码如下:
```html
<template>
<div>
<el-input v-model="inputValue"></el-input>
<div v-html="inputValue"></div>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: '',
};
},
};
</script>
```
上述代码中,`v-model` 指令用于双向绑定 `el-input` 组件的输入值,而 `v-html` 指令用于将输入值渲染为 HTML 内容。
请注意,在使用 `v-html` 指令时要谨慎,确保输入的内容是可信任的,并且已经经过了适当的过滤和验证,以防止潜在的安全漏洞。
阅读全文