如何在WordPress的古腾堡编辑器中的<li>元素中插入图像？

Question

当我在古腾堡编辑器中将鼠标指针移动到列表块的

<li>

元素的末尾，并按 Ctrl+V 粘贴图像时，原始列表块将转换为多个列表块。有没有办法将图像插入到列表中的 li 元素中，防止原始列表块被破坏？

Answer 1

您可以使用列表块上的 HTML 编辑器并插入图像：

<ul>
   <li>test</li>
   <li>
      <figure class="wp-block-image">
         <img src="url_of_img" alt="">
      </figure>
   </li>
</ul>

结果：