Support sanitizing pasted HTML with configurable options

[oussamalkd]

When pasting content from external sources like Microsoft Word or Google Docs, most of the inline formatting/styles are lost in Dragon Editor. Currently, users have to re-style line by line, which creates a poor UX.

It would be very useful if Dragon Editor could:

• Provide built-in paste sanitization support.
• Allow passing a sanitizeOptions config to preserve or strip styles (e.g., bold, italic, underline, text-align, colors, etc.).
• Expose a hook or callback (like onPasteSanitize) so developers can plug in their own sanitizer (e.g. sanitize-html) before inserting the content into the editor.

Right now, we need to implement this manually. Having first-class support in Dragon Editor would make it much easier and standard across projects.

Would love to hear your thoughts 🙏

[lovefields]

I'm late to check because it's the holiday season in Korea.
I'm also feeling uncomfortable in that part, and I'm considering copying and pasting in a markdown format.
However, I'm developing it by myself, so I can't guarantee how long it will take. I'll try.

Thanks for using DragonEditor :)

[oussamalkd]

@lovefields Thanks for your efforts.

I face another issue if I use the <DragonEditor> inside a form. The form treats the top menu buttons as a submit button (e.g, Heading. bold, italic...).
So I have to do something like this to force it to a normal button.

onMounted(() => {
  // set the button type to force only the main button to submit the forms
  // those buttons are generated from DragonEditor.

  document.querySelectorAll('.de-menu.de-menu-add')
  .forEach(btn => btn.setAttribute('type', 'button'))

  document.querySelectorAll('.de-add-block')
  .forEach(btn => btn.setAttribute('type', 'button'))

  document.querySelectorAll('.de-menu')
  .forEach(btn => btn.setAttribute('type', 'button'))
})

[lovefields]

@oussamalkd
Oops. I never thought of the premise of using it in From. I'll apply that part to version 3.7.3.

[lovefields]

@oussamalkd I updated this feature in version 3.8.0.
Thankgs :)

ps) Only paste feature now.