能，但有硬限制：iframe 是可替换元素，在 td 中表现如图片，需显式设置宽高，vertical-align 无效，应配合 flex 布局、position: relative 及 overflow 控制，跨域需 postmessage 通信调整高度。

iframe 能直接塞进 <td> 吗？能，但有硬限制 <p>能放，但不是“随便放”。<code><iframe></iframe> 是可替换元素（replaced element），在 <td> 里会表现得像一张图片——它有自己的固有尺寸，不继承父容器的宽高，也不响应 <code>display: table-cell 的对齐逻辑。

常见错误现象：iframe 在单元格里被压扁、溢出、垂直居中失效、滚动条卡住。

• 必须显式设置 width 和 height，百分比值（如 width="100%"）只对父容器有效，而 <td> 默认没有设定宽高，所以常为 0 <li><code><td> 的 <code>vertical-align 对 iframe 无效，要用 align-items: center + Flex 布局包裹
• 移动端 Safari 下 iframe 内部滚动卡顿，单纯设 height 不解决，需外层加 overflow: auto; -webkit-overflow-scrolling: touch
• 若表格用了 table-layout: fixed，iframe 宽度会被强制截断，建议改用 auto 或去掉该声明

自定义插件嵌入时 src 路径怎么写才不 404？

本地开发双击打开 HTML 文件时，src="plugin.html" 必然失败，控制台报 Not allowed to load local resource。这不是 bug，是浏览器安全策略。

真正可用的写法只有两种：

• 开发阶段：起本地服务，比如运行 python3 -m http.server 8000，然后 src="http://localhost:8000/plugin.html"
• 生产环境：必须带完整协议和域名，src="https://your-domain.com/assets/plugin.html"，不能省略 https://
• 绝对不要用 file:// 协议加载插件——即使能跑，上线后必崩，且 Chrome 已逐步禁用
• 确认 plugin.html 能独立访问：直接在浏览器地址栏输入完整 URL，应能正常渲染，而不是白屏或依赖父页 JS

iframe 高度如何随插件内容自动撑开？

纯 HTML/CSS 无法实现。浏览器不会读取子页 document.body.scrollHeight，除非你主动介入。


HTML Extract
使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...
下载

同域插件（推荐）：

• 父页监听 iframe.onload，延迟 300ms（避开 Vue/React 异步渲染），再读 iframe.contentDocument.body.scrollHeight
• 设 iframe.style.height = height + 'px'，同时加 style="min-height: 200px" 防空白
• 避免在 <td> 上直接设 <code>height，改用外层 <div> 包裹并设 <code>flex-shrink: 0

  跨域插件（如第三方 widget）：

  • 插件页必须主动发 postMessage({ type: 'height', value: document.body.scrollHeight })
  • 父页监听 window.addEventListener('message', handler)，严格校验 event.origin
  • 收到消息后更新 iframe 高度，并清除旧定时器，防止重复触发

  表格里嵌 iframe，哪些 CSS 属性必须配？

  不配这些，大概率错位、溢出、移动端失灵。

  • <td> 外层加 <code>style="position: relative"，方便 iframe 绝对定位或高度控制
  • iframe 本身加 style="width: 100%; height: 400px; border: none; display: block"（display: block 防止底部多出空白）
  • 若要响应式，父容器（如 <td>）设 <code>min-width: 320px，iframe 设 min-height: 300px
  • iOS 上滚动卡顿？给 iframe 外层 <div> 加 <code>style="overflow: auto; -webkit-overflow-scrolling: touch"
  • 别用 scrolling="no"（已废弃），用 style="overflow: hidden" 控制外框滚动条

  最易被忽略的是：iframe 在表格单元格中不参与行高计算，<tr> 不会自动适应其内容高度，必须靠 JS 或固定高度兜底。</tr>