如何从富文本编辑器中获取元素及其内容？

How will i get the elements and its content from richtext editor?

提问人：De La Rea Jr 提问时间：11/2/2023 更新时间：11/2/2023 访问量：37

问：

我正在尝试创建一个内容管理系统，其中关于我们的内容存储在数据库中。

我使用富文本编辑器组件来编辑内容，但是当我在“关于我们”页面中显示它时，只会检索内容，而不是内容的元素。

我尝试使用v-html，但它不起作用

  <div class="container mx-auto py-8">
        <div v-html="aboutUs.content" class="max-w-3xl mx-auto bg-white p-6 rounded-lg">
            
        </div>
    </div>

我希望获得标题段落等内容的元素

Laravel Vue.js tinymce

评论

0赞 Othmane Nemli 11/2/2023
您确定，在您的数据库中保存为 html 的内容吗？
0赞 De La Rea Jr 11/2/2023
是的，我确定，因为当我使用此 <div>{{aboutUs.content}}</div> 时，它会显示元素及其内容
0赞 Othmane Nemli 11/2/2023
您能否尝试将静态 html 内容放在 v-html 中，以确保没有任何东西被阻止其功能！（例如：v-html="<strong>Hello</strong>"
0赞 De La Rea Jr 11/2/2023
我收到错误：解析 JavaScript 表达式时出错：此实验性语法需要启用以下解析器插件之一：“jsx”、“flow”、“typescript”。(1:1)
0赞 Othmane Nemli 11/2/2023
用单引号括起来，如下所示：v-html="'<strong>Hello</strong>'"

答： 暂无答案

上一个：Django 模板中的 TinyMCE

下一个：如何在TinyMCE中选择多个文本并实现带有跟踪更改的删除线功能？