奥宏文档

欢迎 API 与集成 MCP 接入指南 MCP 工具详解 MCP 最佳实践 API Token 管理文档嵌入组件（uldoc-help.js）快速开始页面和内容块创建第一个项目发布和分享项目管理导入导出项目设置项目可见性项目转移内容编辑代码块 Markdown 编辑流程图（BPMN）脑图图片管理 HTML 块 iframe 嵌入版本管理创建版本版本切换多语言配置语言多语言编辑成员协作转让所有权角色说明添加和管理成员 Base Permission（组织项目继承）组织管理创建组织组织项目组织成员默认项目权限付费阅读付费项目设置读者管理阅读权限控制常见问题

HTML 块

HTML 块让你在文档里直接写 HTML、CSS、JavaScript 代码，运行结果实时显示。适合需要自定义样式和交互的内容。

编辑界面

左右分栏：

左边写代码，支持 HTML、内联 CSS、内联 JS
右边实时渲染，每次输入都会刷新预览

渲染用 iframe 的 srcdoc 实现，你写出来的样式不会影响外层文档，互相隔离安全。

边缘空隙开关

提供"边缘空隙"开关（showPadding）：

打开：内容周围留白，看起来不那么挤，适合普通展示
关闭：内容贴满整个区域，适合全宽 banner、背景图、沉浸式视觉

能做什么

自定义卡片、按钮、表单
带 JavaScript 交互的小工具
嵌入特殊样式（动画、渐变、阴影）
富文本排版，突破 Markdown 限制

适合的场景

营销活动页、产品介绍卡片
需要点击、hover 效果的演示
文档里嵌入特殊视觉元素
不想被 Markdown 语法限制的自定义排版

原文标题：HTML 块

原文文档：奥宏文档

原文地址：/read/augushong/ulthon-document/zh-cn/1.0.0/content-editing/html-block.html

原文平台：奥宏文档

1.0.0