如何忽略tinymce中的html标签。 Vuejs和Laravel

Question

我正在使用laravel和vuejs构建应用程序，但由于某些原因，我无法正确使用tinymce。

我可以根据需要看到编辑器，并在其中编写任何内容。但是当我尝试查看内容时，所有的html标签都显示为您在图片中看到的

我是按照github文档here

进行安装的

npm install @tinymce/tinymce-vue

已导入我的Vue模板

import Editor from '@tinymce/tinymce-vue';

components: {
    'editor' : Editor
}

然后我绑定元素

<editor v-model="post.description"></editor>

因此，与其显示“此文本将粗体”，不如显示“文本将被粗体”

Answer 1

经过研究，我最终意识到我必须使用v-html才能读取html标签

所以不要像这样显示：

<td>{{post.description}}<td>

我现在正在执行以下操作：

<td v-html="post.description"><td>

Answer 2

我认为您正在使用TinyMCE的正确方法。它返回HTML，而不是纯文本。而且，当您从返回的HTML中删除标签时，您将丢失所有格式，图像和链接。但是，如果您要查找的是此文件，请直接阅读TinyMCE文档-这是配置问题。