为什么 Vue.js 文本编辑器打印所有 html 标签和内联样式?

Question

在我的Vue.js应用程序上，我尝试了CKEditor，tiptap，Froala等，每个应用程序都打印出所有html标签和所有内联css样式。 一些图像可以更好地了解问题所在：

图像以便更好地理解

具有所描述问题的图像

博客形式

我已经在网上搜索并找到关于此的信息很少，所以如果有人知道为什么会发生这种情况，请帮助我:)

亲切问候 西尼萨

Answer 1

你应该使用 v-html 并将你的文本变量放在元素中，如下所示：

<p v-html="yourTextVariable"></p>

---

顺便说一下，如果你使用 v-html，你可能需要让文本出现在下一行而不是溢出(溢出文本是使用 v-html 时发生的常见问题(：

p{
color: #eeeeee;
text-align: justify;
white-space: initial;
overflow-wrap: break-word;
}