Have lists be "interrupted" by a text block?


#1

Would it be possible to implement the following case in PM’s format?

<li id="foo">my first list item</li>
<p>some text</p>
<li id="foo">my second list item</li>

I would expect it to be rendered as follows:

  1. my first list item

some text

  1. my second list item

I haven’t found any examples which support this case. Only been able to find examples with nested lists.

Thanks!


#2

The order attribute on ordered list nodes can be used to make them start at a number other than 1. You’ll have to provide your own UI to expose that to the user, and it may not be what you’re looking for since it won’t automatically update the number if a previous list grows or shrinks.


#3

You could achieve the visual of what you want via CSS:

.ProseMirror ol p:not(:first-child) {
  margin-left: -30px;
}