dialog中使用Tinymce 编辑器，有时会无法回显内容

最新推荐文章于 2024-06-27 17:27:55 发布

zsx1799268625

最新推荐文章于 2024-06-27 17:27:55 发布

阅读量854

点赞数 3

文章标签：编辑器前端 vue

本文链接：https://blog.youkuaiyun.com/zsx1799268625/article/details/138214006

版权

文章讲述了在使用Tinymce编辑器时遇到的数据正常回显空白bug，以及如何通过设置dialogVisible控制文本渲染和销毁来解决这个问题，使得富文本组件可以正常显示和编辑内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tinymce编辑器第一次数据正常回显，显示空白bug且不能编辑

如下所示在这里插入图片描述
解决方法


 <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="60%" 	
               top="4vh"
               :modal-append-to-body="false"
               append-to-body>
        <tinymce v-if="dialogVisible" ref="tinymce" v-model="formAddNotice.content" :height="500" class="add-notice-row" />
    </el-dialog>