Grapesjs does not handle correctly outlook specific HTML
Probably you would need to create a custom component to handle such a case
Read full answer below ↓Question
Hello all,
I have a template that includes outlook specific HTML as shown below:
<!--[if (gte mso 9)|(IE)]><table width="100%" border="0" cellpadding="0" cellspacing="0"><![endif]-->
When I import this HTML, and try to add a block above or below this specific location in the DOM, the green line showing where the component will be dropped in the canvas won't be displayed correctly, and will become much smaller than expected, as show below <img width="1232" alt="Screen Shot 2019-10-07 at 6 48 18 PM" src="https://user-images.githubusercontent.com/51313079/66327476-9130a900-e933-11e9-901e-eec3ddebef46.png">
Any idea why this is happening? I think it is because the comment tagname does not have a width but is there any workaround for this?
Thank you all.
Answers (1)
Probably you would need to create a custom component to handle such a case
Related Questions and Answers
Continue research with similar issue discussions.
Issue #787
html conditional comment
Hi Guys, I dont understand how save ad load conditionl html comment for e.g: <!--[if (mso)|(IE)]> <table align="center" border="0" cellpadd...
Issue #3316
The editor does not remove the dead script blocks
Version: 0.16.34 Are you able to reproduce the bug from the demo? [ ] Yes [x ] No As I understand the code import dialog skips all the HTML...
Issue #3727
Issue on Style Import
Hi @artf, Describe the bug detailed While creating a new template using GrapesJS, I came across a scenario that, when we try to import CSS...
Issue #4336
"Import template" don't work for removing extra styles
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 101.0.4951.64 Reproducible demo li...
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 →Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.