Issue in editing sample content by changing color and font in GrapesJS editor
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 #5037
FEATURE: How to drag external text into particular index inside the textable component?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link NA Describe...
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...
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.