Issue in editing sample content by changing color and font in GrapesJS editor
No community answers yet. Open the original discussion on GitHub to share your solution.
Question
I am seeing unexpected behavior in GrapesJS editor. can someone please assist me with the issue with GrapesJS editor?
- if I am copying content from outlook and directly pasting into GrapesJS editor. it's adding some outlook specific tags (Junk Tags Like : MsoNormal, </o:p> , etc ) into the content, because of these junk tags I am facing difficulty to edit the content what ever i saved.
Example : its adding these many things for this content
Hi Arjun,
please find below are the things which you need to confirm on Sunday.
Thanks.
<td class="c903" style="box-sizing: border-box; font-size: 11.0pt; font-family: Arial,sans-serif; color: #434449;">
<p style="box-sizing: border-box;">
</p>
<p class="MsoNormal" style="box-sizing: border-box;">
<span class="c1937" style="box-sizing: border-box; font-size: 11.0pt; font-family: 'Calibri',sans-serif;">Hi
Arjun,<o:p style="box-sizing: border-box;">
</o:p></span>
</p>
<p class="MsoNormal" style="box-sizing: border-box;">
<span class="c1979" style="box-sizing: border-box; font-size: 11.0pt; font-family: 'Calibri',sans-serif;"> </span>
</p>
<p class="MsoNormal" style="box-sizing: border-box;">
<span class="c2003" style="box-sizing: border-box; font-size: 11.0pt; font-family: 'Calibri',sans-serif;">please
find below are the things which you need to confirm on Sunday.<o:p style="box-sizing: border-box;">
</o:p></span>
</p>
<p class="MsoNormal" style="box-sizing: border-box;">
<span class="c2045" style="box-sizing: border-box; font-size: 11.0pt; font-family: 'Calibri',sans-serif;"> </span>
</p>
<p class="MsoNormal" style="box-sizing: border-box;">
<span class="c2069" style="box-sizing: border-box; font-size: 11.0pt; font-family: 'Calibri',sans-serif;">Thanks.<o:p style="box-sizing: border-box;">
</o:p></span>
</p>
<p style="box-sizing: border-box;">
</p>
</td>
2. it is not reflecting the colors for the content whatever we are saving.Answers (0)
No answers yet.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2199
Issue in editing sample content by changing color and font in GrapesJS editor
1) I am seeing unexpected behavior in GrapesJS editor. can someone please assist me with the issue with GrapesJS editor? if I am copying co...
Issue #1660
Content will automatically removed while edit in editor
Hello @artf I am facing an issue with grapes.js while editing any textual content. I am using grapes.js Version 0.14.37 with angular 1.6.1....
Issue #2667
link element not append in head element in ediot.canvas #firefox #grapesjs
am trying to add google fonts in web-builder to change the font style for that to import am adding cdn in editor the code works in chrome a...
Issue #2785
Adding multiple text type traits.
Whenever i am trying to add multiple traits of type text with all different conditions and on different tags but it will take only last one...
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.