Text element change tag after save
With the usage of a custom RTE like CKEditor we leave all the responsibility to the third-party handle the content, so if there is something you'd like to change you have to check their documentation
Read full answer below ↓Question
Hi,
the block of text changes tags when reloading html after saving.
in detail as soon as you insert the text block the ckeditor is initialized on the div, when entering edit the ckeditor is initialized on the p tag.
This is the text block on load
<div data-gjs-type="default" draggable="true" data-highlightable="1" id="iysen" class=""><p data-gjs-type="text" draggable="true" data-highlightable="1" id="i5utb" class="gjs-selected">Inserisci il tuo testo</p></div>
This is the text block before saving
<div data-gjs-type="text" draggable="true" data-highlightable="1" id="inuej" contenteditable="false" class="cke_editable cke_editable_inline cke_contents_ltr cke_show_borders" spellcheck="false"><p>Inserisci il tuo testo</p></div>
Answers (1)
With the usage of a custom RTE like CKEditor we leave all the responsibility to the third-party handle the content, so if there is something you'd like to change you have to check their documentation
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3019
[QUESTION] - Bind inner text/html (like div, p, h1) to Trait
Hi! I've created a custom trait, and I want to be allowed to change the content of the tags (in this case it's a H1 tag) based on the trait...
Issue #1306
Inserting text in an canvas element is not updated on the HTML content after saving it.
H @artf, I have a pitfalls in the middle of saving the HTML content. Right now we have a popup modal dialog where I can select some special...
Issue #1591
[Bug] Component attributes forced to lowercase on load when using fromElement
When GrapesJs is initialized using "fromElement", the attributes in the HTML tags of the element are forced to lowercase. View live example...
Issue #3423
RTE generate tag span after remove `bold`, `italic` etc
Place text block Edit text, apply bold or italic Deselect text block Select again and remove bold Open source code, you should see span tags
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 →Related tutorials
In-depth guides on the same topic.
Tutorial
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.