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="fa...
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
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
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
Messaging on gjs.market: talk to a studio before you buy, not after
We've launched private messaging between buyers and studios. One thread per buyerβstudio pair, the whole history in one place.
Tutorial
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps β a beginner-friendly 2026 comparison
Tutorial
Lighthouse for GrapesJS: Audit Accessibility and SEO Without Leaving the Editor
Live WCAG 2.1/2.2 accessibility auditor + SEO manager for GrapesJS. Every finding is bound to the exact component β click to select, then one-click fix.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.