Edit as HTML功能如何快速掌握？

使用”Edit as HTML”功能时，进入编辑器代码模式，选中需修改的文本块，右键选择该选项即可直接编辑HTML源码，修改后保存即可实时预览效果，适用于精确调整网页结构、样式及脚本，注意保持标签闭合与语法规范。

什么是”Edit as HTML”功能？

管理系统（CMS）和代码编辑器中，“Edit as HTML”是允许用户直接修改网页源代码的常用功能，这个功能常用于以下场景：

Edit as HTML功能如何快速掌握？第1张

精确调整页面布局时需修改HTML标签
需要插入第三方代码（如Google Analytics跟踪代码）
修复可视化编辑器产生的冗余代码
添加高级交互元素（如iframe嵌入）

<div class="content-block with-warning">
  <h2>核心操作流程</h2>
  <div class="step-by-step">
    <h3>在WordPress中的操作</h3>
    <ol>
      <li>进入文章/页面编辑界面</li>
      <li>点击右上角<code>⋮</code>图标展开菜单</li>
      <li>选择<strong>"代码编辑器"</strong>模式（原"文本"标签）</li>
      <li>通过快捷键<kbd>Ctrl+Shift+Alt+M</kbd>切换视图模式</li>
    </ol>
    <div class="code-sample">
      <p>示例：插入分节符</p>
      <pre>&lt;!-- wp:separator --&gt;