BUG: src is stored twice with image

Question

The output of "JSON.stringify(editor.getComponents())" shows that the src of an image is stored twice.

             {
                "type": "image",
                "void": true,
                "status": "selected",
                "content": "",
                "attributes": {
                  "id": "iy3c7",
                  "src": "data:image/png;base64,..."                    <--- 1.
                },
                "src": "data:image/png;base64,...",                     <--- 2.
                "activeOnRender": 0,
                "open": false
              }

Version is v0.16.18 - validated with the demo.

artf · Accepted Answer

@longdoan7421 I think we can delete it in toJSON method when the src is equal to attribute.src and ensure is loaded back correctly on load

longdoan7421 · Answer

Hi @artf,

I just took a quick look through ComponentImage. I think it is possible to drop the src property in image model and replace the code which use src in ComponentImage and ComponentImageView with the attribute.src.

But I am not sure that do you use the src property in any where else? What do you think about that?

Src is stored twice with image

Question

Answers (2)

Related Questions and Answers

[Bug] Link element selection shows no toolbar

rte toolbar bug

[BUG]: Can't drag component if there is some space on top/left with Mode Absolute

[Question] How to add toolbar functionality to the layers panel.

Paid Plugins That Match This Issue

Related tutorials

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework

Browse Plugin Categories