Weird inline styles issues when copy and paste within the same editor

yellow1912 commented 3 years ago

This is related to this issue https://github.com/froala/wysiwyg-editor/issues/3806

events: {
          'window.copy': function () {
            localStorage.removeItem("fr-copied-html");
            localStorage.removeItem("fr-copied-text");
          }
        }

The above code was added due to issues when copying and pasting across editors on the same page.

That fix creates different issue when copying and pasting within the same editor, however:

Expected behavior.

Copy and pasting in the same editors should keep the same exact HTML code.

Actual behavior.

When copying and pasting the text in the same editor, an additional inline style was added, for example, when copy a plain h2 heading with no style like this:

<h2>1. Clearly define your goals</h2>

I get something like this:

<h2 style="box-sizing: border-box; border: 0px solid rgb(84, 84, 84); margin: 0px; font-size: 30px; font-weight: 300; line-height: 40px; color: rgb(255, 255, 255); font-family: sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: 0.3px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(31, 31, 31); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;">1. Clearly define your goals</h2>

Steps to reproduce the problem.

In the Froala configs put:

events: {
          'window.copy': function () {
            localStorage.removeItem("fr-copied-html");
            localStorage.removeItem("fr-copied-text");
          }
        }