fix(core): fix new lines being added via elementFromString

[bdbch]

Please describe your changes

This PR fixes an issue that adds new lines on the parser level of the browser. It traverses through the actual dom instead of using string replacements removing all newlines added additionally by the parser.

How did you accomplish your changes

See above

How have you tested your changes

I added a new test to check if newlines are kept in pre tags.

How can we verify your changes

Check out the local demo of Issue #2720

Checklist

• The changes are not breaking the editor
• Added tests where possible
• Followed the guidelines
• Fixed linting issues

[netlify]

✅ Deploy Preview for tiptap-embed ready!

Name	Link
🔨 Latest commit	15af206
🔍 Latest deploy log	https://app.netlify.com/sites/tiptap-embed/deploys/659e8ba977648f00080ab08f
😎 Deploy Preview	https://deploy-preview-4767--tiptap-embed.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[yurtsiv]

Sorry, but does it have to be two calls of removeWhitespaces?

[bdbch]

Good catch - going to remove this for the next patch release.

[Marvelousy20]

Updated @tiptap/core to v2.2.1 and this issue is still there.

[bdbch]

What kind of content do you try to insert into the editor? @Marvelousy20

[Marvelousy20]

What kind of content do you try to insert into the editor? @Marvelousy20

I created some custom nodes, so I am passing them like this. The name of the node here is textarea.

{
      title: "Text Area",
      icon: "/dashboard/h3.svg",
      command: ({ editor, range }) =>
        editor
          .chain()
          .insertContentAt(range, {
            type: "textarea",
          })
          .focus()
          .run(),
    },

[okejminja]

Any updates regarding this issue?
When trying to call .insertContentAt() with <p>content</p> I get an unnecessary paragraph inserted above my content

editor.commands.insertContentAt(
  insertAfter,
  {
    type: "paragraph",
    content: [{ type: "text", text: modifiedContent }],
  },
  { parseOptions: { preserveWhitespace: false } },
)