Disable <table> being auto amended during save
Ah, If I use this https://github.com/artf/grapesjs-custom-code, it does not amend the html during saving. This will not work when using 'gjs-preset-newsletter'. Since if you run command 'gjs-get-inlined-html' then it amends the code. E.g. HTML CODE: Run 'gjs-get-inlined-html' and it outputs: I assume there is no way t...
Read full answer below βQuestion
I'm getting an issue, when saving a custom HTML component (just a table), grapes JS will modify it. before save after save. So I want to be able to insert a table like because I would like to intergate it with twig (a templating language) : I believe it is linked to #606, but I can't see if that helps this problem I'm having. It's also linked to #1939 Is there a possibility of disabling this feature? Ideally, have a way to have a html component that the content cannot be modified in any way by grapesjs. Thanks, Adam
Answers (3)
Ah, If I use this https://github.com/artf/grapesjs-custom-code, it does not amend the html during saving. This will not work when using 'gjs-preset-newsletter'. Since if you run command 'gjs-get-inlined-html' then it amends the code. E.g. HTML CODE: Run 'gjs-get-inlined-html' and it outputs: I assu...
You can't insert invalid HTML. If you need to handle stuff like that, you have to create a custom component which then will output the custom code.
Thanks for reporting this, @adamwpe. Great suggestion about FEAT: Disable <table> being auto amended during save! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selector:add for CSS...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3138
Prevent <TABLE>from being modified during saving.
Hi All, I'm getting an issue, when saving a custom HTML component (just a table), grapes JS will modify it. before save after save. Is it p...
Issue #5199
Changes in component's attributes being reproduced in all the instances instead of just one
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v114 Reproducible demo link https:/...
Issue #4000
Pasting a component in root body layer throws TypeError
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v89 Reproducible demo link https://...
Issue #4503
Missing inline styles used by CKEditor when adding raw html components
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https:...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component β click to select, then one-click fix.
Tutorial
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners β this post is for you.
Tutorial
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.