FEAT: Disable <table> being auto amended during save
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) :
<table>
{% for item in items %}
<tr>
{{ item.name }}
</tr>
{% endfor %}
</table>
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 (2)
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:
<table>
<tr>
<th>Descritpion
</th>
<th>
</th>
</tr>
{% for item in basket_items %}
<tr>
<td>
<h1>{{ item.event_name }} - {{ item.location }}: {{ item.date }} {{ item.from_time }} to {{ item.to_time }}
</h1>
</td>
<td>
</td>
</tr>
{% endfor %}
</table>
Run 'gjs-get-inlined-html' and it outputs:
{% for item in basket_items %}
{% endfor %}
<table >......
I assume there is no way to prevent that?
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.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3138
QUESTION: 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 #1990
[QUESTIONS] need to call method before remove the html component
Hi, I need to call the method before remove the HTML component. how can I do that calling method like editor.on('block:drag:stop', function...
Issue #3205
BUG: with buttons
https://grapesjs.com/demo.html when i edit the button text to 'test' after reload the result:
Issue #3161
BUG: Editor Undo is removing collection and unable to replace the component
The collection of the selected component before Undo The collection of the selected component after Undo Code to replace the component with...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.