Google Docs Lists

[Mark Wade]

• Create a document on Google Docs (​https://docs.google.com/) containing a simple bulleted list
• Copy and paste the list into CKEditor

The list elements get inserted with a blank line between each element.

[Jakub Ś]

Sample list from Google Docs contains paragraphs:

<ul style="margin-top:0pt;margin-bottom:0pt;" id="docs-internal-guid-4cb85c52-d37c-9e57-b2e3-3cce3099006a">

<li dir="ltr" style="list-style-type: disc; font-size: 15px; font-family: Arial; vertical-align: baseline;">
<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;">
<span style="vertical-align: baseline;">abc</span>
</p>
</li>

</ul>

after pasting into editor with ACF enabled you get:

<ul>
	<li dir="ltr">
	<p dir="ltr"><span style="background-color:transparent">abc</span></p>
	</li>	
</ul>

These lines are in fact margins assigned by browser. In order to make them smaller/gone you need to modify contents.css file or main page css if you are using inline editor.