如何为 Wordpress 格式化带有 Long FormText 的项目符号列表

Question

我在 Wordpress 中遇到了一系列带有长格式内容的项目符号列表的格式问题。

这是我的代码示例：

<ol>
<li><strong>Example Header 1</strong>
<p>Example paragraph 1.</p>
<p>Example paragraph 2</p>
<p>Example paragraph 3:</p>
<ul>
<li><strong>Example Subheader 1</strong><br />
Example bullet text 1</li>
<li><strong>Example Subheader 2</strong><br />
Example bullet text 2</li>
<li><strong>Example Subheader 3</strong><br />
Example bullet text 3.</li>
</ul>
</li>
<p>Example paragraph at the end of the list</p>
<li><strong>Example Header 2</strong>
<p>Example paragraph 4</p>
</li>
</ul>

我看到的最常见的问题：

1. Wordpress（Gutenberg 和经典编辑器）正在剥离示例段落 1 和 4 周围的 p 标签，然后在该内容之后添加一个没有文本的空 p 标签。然后它将在示例第 2 段和第 3 段周围留下相同的 p 标签。

2. 我的嵌入式无序列表将被视为嵌入式有序列表

3. 对于示例标题 2，有序列表将从 #1 重新开始，而我希望它是列表项 #2。

我的高级目标是我希望所有内容在其标题和副标题下方一致对齐，具有一致和标准的换行符大小，并且有序列表中的行项目具有正确的编号。

我应该如何构建我的代码（或 Wordpress）来解决我遇到的问题并实现我想要的目标。

提前致谢！

Answer 1

我假设你想要这样的东西：

<ol>
  <li><strong>Example Header 1</strong>
    <p>Example paragraph 1.</p>
    <p>Example paragraph 2</p>
    <p>Example paragraph 3:</p>
    <ul>
      <li><strong>Example Subheader 1</strong><br /> Example bullet text 1</li>
      <li><strong>Example Subheader 2</strong><br /> Example bullet text 2</li>
      <li><strong>Example Subheader 3</strong><br /> Example bullet text 3.</li>
    </ul>
  </li>
 </ol>
  <p>Example paragraph at the end of the list</p>
  <li><strong>Example Header 2</strong>
    <p>Example paragraph 4</p>
  </li>