扩展古腾堡的渲染

Question

我想扩展和重新渲染一些默认的古腾堡块。

我已经想出了如何使用新设置扩展核心块以及如何保存它们或扩展属性和类。

但在重新定义前端渲染时，我有点迷茫。

就我而言，我有一个嵌套的古腾堡列表，如下所示：

<ul>
  <li><a href="LINK">Item 1</a></li>
  <li>
      <a href="LINK">Item 2</a>
      <ul>
        <li>Subitem 1</li>
      </ul>
  </li>
  <li><a href="LINK">Item 3</a></li>
</ul>

我的目标是重新渲染：

（在链接前添加一个可点击的项目，使子列表可见）

<ul>
  <li><a href="LINK">Item 1</a></li>
  <li>
      <a href="#" class="show-sublist">X</a><a href="LINK">Item 2</a>
      <ul class="is-hidden">
        <li>Subitem 1</li>
      </ul>
  </li>
  <li><a href="LINK">Item 3</a></li>
</ul>

我可以在渲染后用 javascript 做到这一点。但是，为此使用古腾堡的功能似乎是更好的解决方案。但是我找不到重新渲染列表的好起点。

感谢大家的支持;)