List 1: simple listToggle within p

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis {dui id erat pellentesque et rhoncus} nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 2: listToggle within a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis {dui id erat pellentesque et rhoncus} nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 3: listToggle crossing from an h2 to an a inside a p

Lorem ipsum {dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis dui id erat pellentesque et rhoncus} nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum

dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 4: listToggle unwrapping simple list

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

{dui id erat pellentesque et rhoncus}

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 5: listToggle unwrapping list crossing a

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

{dui id erat pellentesque et rhoncus}

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis

dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 6: listToggle unwrapping list crossing from an h2 to an a inside a p

Lorem ipsum

{dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis dui id erat pellentesque et rhoncus}

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum

dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas convallis dui id erat pellentesque et rhoncus

nunc semper. Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 7: listToggle unwrapping selected list item that has n siblings below

{Lorem ipsum dolor sit amet, consectetur adipiscing elit.}

Dui id erat pellentesque et rhoncus

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Dui id erat pellentesque et rhoncus

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 8: listToggle unwrapping selected list item that has n siblings above and below

Dui id erat pellentesque et rhoncus

{Lorem ipsum dolor sit amet, consectetur adipiscing elit.}

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Dui id erat pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 9: listToggle unwrapping selected list item that has n siblings above

Dui id erat pellentesque et rhoncus

{Lorem ipsum dolor sit amet, consectetur adipiscing elit.}

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Dui id erat pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 10: listToggle unwrapping selection crossing list items within a single list

Dui id erat{ pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.}

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Dui id erat pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 11: listToggle unwrapping selection crossing list items within a single list

Dui id erat pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

{Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Dui id erat pellentesque et rhoncus}

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

Dui id erat pellentesque et rhoncus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Suspendisse malesuada hendrerit velit nec tristique. Aliquam gravida mauris at ligula venenatis rhoncus. Suspendisse interdum, nisi nec consectetur pulvinar, lorem augue ornare felis, vel lacinia erat nibh in velit.

List 12: empty selection

dui {}id erat pellentesque et rhoncus

dui id erat pellentesque et rhoncus

List 13: complicated list #1

Click {}to Edit
Hides the editor by default, then when the user clicks on the editable element, the editor opens, and is enabled.

Dock
Allows the editor to be docked to the top of the body, or in place of the element.

Advanced Linking
With options to link to files, email, internal and external pages, as well as custom linking options (for 3rd party file managers, and content management systems).

Click to Edit

Hides the editor by default, then when the user clicks on the editable element, the editor opens, and is enabled.

Dock
Allows the editor to be docked to the top of the body, or in place of the element.

Advanced Linking
With options to link to files, email, internal and external pages, as well as custom linking options (for 3rd party file managers, and content management systems).

List 14: complicated list #2

Click to Edit
Hides the editor by default, then when the user clicks on the editable element, the editor opens, and is enabled.

Dock{}
Allows the editor to be docked to the top of the body, or in place of the element.

Advanced Linking
With options to link to files, email, internal and external pages, as well as custom linking options (for 3rd party file managers, and content management systems).

Click to Edit
Hides the editor by default, then when the user clicks on the editable element, the editor opens, and is enabled.

Dock

Allows the editor to be docked to the top of the body, or in place of the element.

Advanced Linking
With options to link to files, email, internal and external pages, as well as custom linking options (for 3rd party file managers, and content management systems).