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:

<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.

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:

editor.on('component:update', (component) => {
  // your logic here
});

Alternative approaches:

• Listen to selector:add for CSS selector changes
• Use selector:custom for custom rules
• Tap into the change:* events for fine-grained tracking
• Build a plugin that extends the editor with this capability

Making it official: If this feature would benefit many users, consider opening a formal Feature Request on the GrapesJS repo with:

• A detailed use case
• Code example showing the desired behavior
• Why this matters for your workflow

The core team is receptive to well-motivated feature requests backed by real use cases.