在线预览

下面是组件的交互式预览，你可以直接在顶部切换复杂模板，操作工具栏主题、按钮权限、链接白名单、图片上传进度与失败重试。鼠标移动到表格区域时，会出现表格悬浮工具条：

HTML 源码
渲染效果
复杂模板切换

Locale: Editable Toolbar Theme: Permission Preset: 示例模板: Simulate Upload Failure

模板保留为顶部单选入口，首屏优先展示编辑器。链接仅允许 `https`、`mailto`，且域名白名单限定为 `example.com`、`openai.com`。

Editor

富文本编辑

新品发布长图文营销图文

新品发布长图文

包含首图、亮点清单、对比表格和行动按钮，适合验证图文混排与 CTA。

图片表格CTA

Preview

预览面板

282 chars9 blocks1 images1 links

<h2>2026 春季产品发布</h2>
<p>
<strong>主题：</strong>更轻、更快、更容易接入业务系统的富文本组件。</p>
<p>
<img src='https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1200&q=80' data-width='46%' data-float='right' style='width:46%;max-width:100%;float:right;margin:8px 0 12px 16px;' alt='launch'/>这次版本重点不是增加零散小功能，而是把编辑器的输入链路、图片能力、表格交互和在线预览真正连成一套可直接交付的体验。右侧的图片可以继续在编辑器里修改尺寸、浮动和布局方式。</p>
<blockquote>建议把这个模板当成活动页首稿，先完成内容结构，再进入视觉和投放阶段。</blockquote>
<h3>核心亮点</h3>
<ul>
<li>支持图片上传进度与失败重试</li>
<li>支持链接协议和域名白名单</li>
<li>支持表格、任务列表与代码高亮</li>
</ul>
<h3>能力对比</h3>
<table>
<thead>
<tr>
<th>模块</th>
<th>旧体验</th>
<th>当前体验</th>
</tr>
</thead>
<tbody>
<tr>
<td>图片</td>
<td>仅插入</td>
<td>可调整宽度与位置</td>
</tr>
<tr>
<td>表格</td>
<td>静态插入</td>
<td>悬浮操作栏</td>
</tr>
<tr>
<td>预览</td>
<td>单一源码</td>
<td>HTML + 渲染双视图</td>
</tr>
</tbody>
</table>
<p style='text-align:center'>
<a href='https://openai.com'>查看完整活动介绍</a>
</p>

在线预览 ​

富文本编辑

预览面板

在线预览