The GrapeJS paragraph does not work properly

[Ameeko]

Hello! The paragraph element does not work properly in the GrapeJS editor.

1) I made a blank page and put a paragraph element in it

2) I pressed the save button

3) I entered the following text: test [enter] test [enter] test [enter] I clicked outside I see 1 paragraph element

4) I pressed the save button I see these elements:

• Paragraph
• Text
• Text
• Box

It works fine if I skip step 2:

1) I made a blank page and put a paragraph element in it

3) I entered the following text: test [enter] test [enter] test [enter] I clicked outside I see 4 paragraphs, that's okay:

4) I pressed the save button, everything is fine I see 4 paragraphs:

[aimeos]

This seems to be a GrapesJS bug/oddity and you should create a bug report here: https://github.com/artf/grapesjs

[aimeos]

Updated to GrapesJS 0.18.3 which seems to fix the issue.

[Ameeko]

Works perfectly after the update. Thank you very much!

[Ameeko]

Hello! I found two more errors related to this.

1) An error occurs when I save the data

• I opened a notepad
• I wrote this in my notepad: test [enter] test [enter] test [enter]
• I selected the entire text and copied it to the clipboard
• I created a "paragraph" element (Aimeos CMS admin)
• I pressed the save button
• I copied the text from the clipboard into the paragraph element
• I pressed the save button The error that is the subject of this issue occurs again. The text is not saved as a < p > element. Save as < div >. Since it happens at the time of saving, I think it's not a GrapesJS bug.

2) The rest of the text disappears

• I opened a notepad
• I wrote this in my notepad: test [enter] test [enter] test [enter]
• I selected the entire text and copied it to the clipboard
• I created a "paragraph" element (Aimeos CMS admin)
• I did not press the save button
• I copied the text from the clipboard into the paragraph element I saw that: After clicking outside I saw this: The rest of the text has disappeared In most cases, people copy the text. Unfortunately, this part does not work properly.

[aimeos]

As the original problem was a bug in GrapesJS, it's very likely that again behavior is also a bug in GrapesJS. Guess that you are using Windows which uses \r\n as line endings instead of \n and this could screw up GrapesJS.

[Ameeko]

OK. I also reported the bug to them https://github.com/artf/grapesjs/issues/4173