如何忽略tinymce \ Vuejs和Laravel中的html标记

Question

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

我看到我想要的编辑，想写什么就写什么。但是，当我试图查看内容时，所有html标记都会显示在图像中。

​

​

我在github文档这里之后安装了它

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文档--这是一个配置问题。