Copy-paste (from Word) to email composer generates "undefined"

[richardolsson]

Description

To send mass email from Zetkin, one must compose the email in the editor (which is built using Editor.js). Some users will copy-paste content from other sources, e.g. from a word processing software (like Microsoft Word or LibreOffice).

Copy-pasting from Word or LibreOffice into the email composer will sometimes generate unexpected blocks, and render different content in the editor from what is represented in the editor state.

Steps to reproduce

1. Download this sample document and open it in Word or LibreOffice (other software may also work)
2. Select the entire "Clara Zetkin" section of the document and copy it
3. Go to https://app.dev.zetkin.org/organize/1/projects
4. Go into any project
5. Create a new email
6. Click the "Compose" tab
7. Optionally type something into the composer manually
8. Paste the content copied in step 2
9. Browse to the API resource for the email to see it's blocks. The resource will be at /api/orgs/1/emails/<email-id>, and <email-id> can be found in the URL of the compose page
10. Using the uuid from the API response, browse to the web view of the email at /o/1/viewmail/<uuid>

Expected Behaviour

The rendered email (in the web view) should look very similar to what is rendered in the composer, and should contain all of the content pasted from the document.

Actual Behaviour

The rendered email does not display any of the content that was pasted into the composer. When you look at the API response (step 9) it becomes clear that the blocks generated from the editor content are nothing like the content displayed. It's full of unnamed variables:

{"kind":"variable","name":""}

Screenshots (if you have any)

The document (step 2)

Pasted into the composer (step 8)

Email data in API

Web view of email

[neta-kedem]

looking into this