首页 > 解决方案 > 如何更新或操作从父级加载到 iframe 中的内容?

问题描述

我正在尝试创建一些编辑器。它的作用是我在当前站点中有几个输入字段,当用户输入任何单词时,我在iframe中呈现了单独的 html,它是单独托管的,其中包含一些标题、副标题和一些其他内容。所以如果用户在标题输入字段中输入。我想更新位于 iframe 中呈现的 html 页面中的标题。请分享设置此场景的正确方法是什么?

尝试使用 DOM id 进行操作,但它的可扩展性不是很好,也很滞后。目前正在检查 websockets

在此处输入图像描述

标签: javascripthtmlreactjsvue.jswebsocket

解决方案


我会为每个用户分配一个 ID,该 ID 与他们的更改一起存储到数据库中。iframe 将显示一个 php 文档,该文档从 db 加载值并按预期​​显示它们。在每次更改时,您只需使用相应的 id 重新加载 php。


推荐阅读