[Bug] Creating multiple child element after editing using RTE

[mudit-mittal]

Hi All,

I am getting below issues which are related to RTE

1. RTE 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.
2. 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.

Previous bug for reference https://github.com/artf/grapesjs/issues/1495#issue-368617259 Kindly revert on priority. Thanks in Advance !!!

[mudit-mittal]

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 element

[mudit-mittal]

Hi All,

rte.add('fontSize', {

• icon: `
  1
  4
  7
  `,
• // Bind the 'result' on 'change' listener
• event: '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 string
• action.btn.firstChild.value = value;
• }
• }
• })

this block of code is only supporting font size values between 1 to 7 although is should be generic and should be support all integer values

[artf]

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

[lock[bot]]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.