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
How to Build an AI-Powered Page Builder with GrapesJS in 2026
What we learned building GJSDocs β from simple AI text generation to structured, context-aware visual editing
Tutorial
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
Tutorial
PageKit: the GrapesJS application you'd have to build anyway
A source-available Next.js app around the open-source GrapesJS core β publishing, custom domains, leads, checkout and a plugin loader.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.