本教程的目的是逐步讲解创建新块类型的基础知识。从最简单的示例开始,每个新部分都将在此基础上逐步增加功能,涵盖您在实现自己的块类型时可能需要的常见功能。
若要跟随本教程,您可以下载 配套的 WordPress 插件,其中包含所有示例,供您在自己的站点上尝试。在每一步中,请通过用您自己的想法修改示例来进行实验,并观察它们对块行为的影响。
要找到最新版本的 .zip 文件,请访问仓库的 发布页面,并在“Assets”下查看最新发布。
代码片段以两种格式提供:“JSX”和“Plain”。JSX 指使用 JSX 语法的 JavaScript 代码,需要构建步骤。Plain 指无需构建的“经典”JavaScript。您可以使用每个代码示例上方的标签在两者之间切换。使用 JSX 确实需要运行 JavaScript 构建步骤,将您的代码编译为浏览器兼容的格式。
请注意,创建块或扩展编辑器并不需要使用 JSX,您可以使用经典 JavaScript。然而,一旦熟悉 JSX 和构建步骤,许多开发人员会发现它更易读且更易编写,因此您找到的大多数代码示例都使用 JSX 语法。