[Bug] Creating multiple child element after editing using RTE

Question

Hi All, I am getting below issues which are related to RTERTE creating multiple child's as action performed on text block. Ex:- suppose we performed same action (Bold) three times in sequence on same text block then its creating three child's on the same element.Font action in RTE is only supporting font size values between 1 to 7 so please provide the support for font size values between 1 to 100 in RTE. NP:- I am using latest version of library but issue is still here so kindly review. Previo...

mudit-mittal · Accepted Answer

Hi All, Please find step for reproducing this scenario 1) Initial state 2) Perform Bold Action then Italic Action then Underline Action 3) Again click on Bold Action then Italic Action then Underline Action Actual:- Getting three extra <span> element

mudit-mittal · Answer

Hi All, rte.add('fontSize', {icon: ,// Bind the 'result' on 'change' listenerevent: 'change',result: (rte, action) => rte.exec('fontSize', action.btn.firstChild.value),// Callback on any input change (mousedown, keydown, etc..)update: (rte, action) => {const value = rte.doc.queryCommandValue(action.name);if (value != 'false') { // value is a stringaction.btn.firstChild.value = value;}}}) this block of code...

artf · Answer

This is just how execCommand works and the built-in RTE is based on it. If you need something more sophisticated you can try grapesjs-plugin-ckeditor or implement any other 3rd-party editor by following this guide: https://grapesjs.com/docs/guides/Replace-Rich-Text-Editor.html

Creating multiple child element after editing using RTE

Question

Answers (3)

Related Questions and Answers

[Bug] Creating multiple child element after editing using RTE

rte toolbar bug

unstable

Cant make Text Block not editable and style able at the same time !

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories