Pasting some text from Google docs or Words adds additional br

[srenault]

When I past some content from Google docs or Words, a new line is converted into:

As you can see, we have two br instead of one.
This can be easily reproduced by copy/paste this content into your basic example.
I tried to investigate the issue and identified that the additional br is created here.
If you guide me, I can try to propose a PR.

[marijnh]

The second <br> is part of the presentation layer, used to make the first one visible to the user, and not actually part of the document.

[srenault]

Yes, but the second br make the display buggy. We actually think we have two lines.

Maybe I miss something. Thanks.

[marijnh]

What did you expect a paragraph with only a hard break to look like? The same as an empty one?

(It will look like an empty one, when rendered to uneditable HTML, but during editing, it is important to be able to place the cursor both before and after the existing hard break, so ProseMirror renders it like this.)

[srenault]

Yes I expect that the new line copied from Words or Google Docs be converted into an empty paragraph.

<p>
 <br/>
</p>

[marijnh]

An empty paragraph is <p></p>, and is distinct from a paragraph with a hard break in it. Is the original <br> something you'd want to be ignored/dropped on paste?

[srenault]

Yep, I think so.

[marijnh]

You could get that effect with a transformPasted prop that drops trailing hard breaks. Or, alternatively, you could see if Google Docs/Word add any attribute to such hard breaks that can be used to target them for ignoring with a parse rule.

This is probably not something ProseMirror core will ever handle out-of-the-box, but I'm hoping someone will at some point set up a 'paste from word processors' plugin module that helps handle the weird markup that the various word processors put on the clipboard.

[srenault]

Okey thanks for your help!