如何在TinyMCE的列表项中添加段落?

问题描述 投票:3回答:3

我想在列表的同一项中添加一些段落。喜欢:

  1. 文字文字 新段落中的文字
  2. 文字文字

在TinyMCE中有没有这样做?

tinymce tinymce-4 rich-text-editor
3个回答
0
投票

在列表中输入时,请从左上角选择paragraph。然后按ctrl+enterctrl+return进行下一行。

所以这将是。例如,我正在输入一个列表:

  1. 这是列表的第一项。
  2. 这是列表(select paragraph now)的第二项,这个(press ctrl+return)可能包含多行
  3. 这是第三行

所以这将呈现:

  1. 这是列表的第一项。
  2. 这是列表的第二项,也是这个 可能包含多行。
  3. 这是第三行

see POC


2
投票
  1. 单击编辑器中的OL。
  2. 添加第一项,添加第二项等。
  3. 返回要包含段落的项目,然后按Enter键创建新的li。
  4. 标签两次。
  5. 退格选项卡(两次),这将删除新的li。
  6. 再回到你想要段落的li,然后点击enter创建另一个li。
  7. 标签两次。
  8. 退格两次。

在WYSIWYG做两次奇怪的事情会做到这一点。

以下是这些步骤:

1

上面的例子将ol / ul放在父li中,产生如下内容:

<ol>
<li>OneHad to do it twice.
<ol>
<li style="list-style-type: none;">&nbsp;</li>
</ol>
</li>
<li>TwoAgain, had to do it twice.
<ol>
<li style="list-style-type: none;">&nbsp;</li>
</ol>
</li>
<li>ThreeOdd, but it works :)
<ol>
<li style="list-style-type: none;">&nbsp;</li>
</ol>
</li>
</ol>

0
投票

我找到了一种在列表中创建段落的简单方法。

  1. 用户Shift +输入以在列表项中创建换行符。
  2. 选择文本并选择Paragraph。 TinyMCE将<br>转换为段落。

enter image description here

© www.soinside.com 2019 - 2024. All rights reserved.