如何在DOM中查看带HTML注释的WordPress Gutenberg编辑器区块？

一、查看区块HTML注释的方法 #

Chrome的DOM控制台会过滤掉WordPress输出的区块注释，你可以通过以下两种方式查看完整的带注释区块：

• 直接查看文章原始内容：在WordPress后台编辑文章时切换到「代码编辑器」模式，或者调用REST API的文章接口获取content.raw字段，这里会保留所有区块注释标记。
• 查看页面源代码：按下Ctrl+U（Windows/Linux）或Cmd+U（Mac）查看页面原始HTML，区块的注释标记会完整显示在源码中（DOM控制台是解析后的结果，不会展示这些注释）。

二、区块格式的权威参考资料 #

编写程序化创建内容的Python库时，优先参考WordPress官方资源：

• 官方「区块开发手册」：详细定义了区块的注释结构、属性格式、内置区块规范，是最权威的参考依据。
• WordPress REST API文档：其中关于文章内容的部分明确说明了区块格式要求，适合程序化生成内容的场景。
  你找到的第三方教程可作为补充，但官方文档信息最准确且更新及时。

内容的提问来源于stack exchange，提问作者 nik