While Copying Text From Apps Like Figma in Project Data it adds a attribute with long string #5682

RakulAgn · 2024-02-14T10:51:59Z

RakulAgn
Feb 14, 2024

When copying text from Figma and pasting it into a text block, it adds attributes with long text, which may lead to database errors when storing the GrapesJS project data. Is this usual behavior, or is it an issue? Is there any way to prevent this kind of issue?

"components": [ { "type": "text", "attributes": { "id": "ij3f" }, "components": [ { "components": [ { "tagName": "span", "attributes": { "data-metadata": "" } }, { "tagName": "span", "attributes": { "data-buffer": "" } } ] }, { "tagName": "span", "type": "text", "attributes": { "id": "i4il" }, "components": [ { "type": "textnode", "content": "Real-Time Actionable Inputs To Grow Sales" } ] } ] } ]

artf · 2024-02-16T14:34:10Z

artf
Feb 16, 2024
Maintainer

Is this usual behavior, or is it an issue?

Kind of expected, looks like Figma copies an HTML type data (probably for internal purposes) + plain text. When you paste from the clipboard, the HTML type is used if the target element supports it (eg. contentEditable elements), plain text otherwise (eg. input elements).

Is there any way to prevent this kind of issue?

Yes, but currently we have our own logic to handle paste event.
I can add, for the next release, new options to allow overwriting the built-in logic. For now, you should be able to monkey-patch the editor.RichTextEditor.globalRte.__onPaste method with your own logic.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

While Copying Text From Apps Like Figma in Project Data it adds a attribute with long string #5682

{{title}}

Replies: 1 comment

{{title}}

Select a reply

While Copying Text From Apps Like Figma in Project Data it adds a attribute with long string #5682

RakulAgn Feb 14, 2024

Replies: 1 comment

artf Feb 16, 2024 Maintainer

RakulAgn
Feb 14, 2024

artf
Feb 16, 2024
Maintainer