Troubleshooting Componet toJSON method, Incomplete Style Preservation When Saving Components

[fredrickreuben]

When using GrapeJS, I'm encountering an issue where the component.toJSON() method appears to correctly represent all style changes in my components. However, when I save the code or output, not all style modifications are preserved. What could be causing this discrepancy, and how can I ensure that all style changes are correctly saved and applied?

`toJSON(opts) {

            const model = this;
            const el = this.getEl();

            if (!el) return {};

            const parser = new DOMParser();
            const doc = parser.parseFromString(el.outerHTML, 'text/html');

            const elementToRemove = doc.querySelector(
                '.tiptap.ProseMirror'
            );

            const parent = doc.querySelector('div');

            if (elementToRemove) {
                if (parent) {
                    parent.innerHTML = elementToRemove?.innerHTML;
                }
            }

            const content = elementToRemove?.innerHTML ?? parent?.innerHTML;

            alert(content)

            const cp = {
                type: model.get('type'),
                content,
                classes: model.get('classes'),
                styles: model.styles,
                attributes: model.attributes,
            };

            return cp;

}`

[fredrickreuben]

It appears that traits are also not being saved along with style changes in GrapeJS components.