Example of Paste Cleanup in React Block Editor Component

All Controls
/
Block-editor
/
PasteSettings

This sample demonstrates the Block Editor pasteCleanupSettings property allows you to define various options to control how content is pasted into the editor.

More Details...

Loading....
Description

The following settings are available to cleanup the content in pasteCleanup settings property:

  • Select any option in Format Option drop down list for the paste content.
    • Select the Plain Text option to paste the content as plain text.
    • Select the Keep Format option to keep the same format in the copied content.
  • Fill the denied tags text box to ignore the tags when pasting HTML content.
    • ['a[!href]'] - paste the content by filtering anchor tags that don’t have the 'href' attribute.
    • ['a[href, target]'] - paste the content by filtering anchor tags that have the 'href' and 'target' attributes
  • Fill the allowed style properties to paste the content by accepting these style attributes and removing other attributes. For example:
    • ['color', 'margin'] - This will allow only the style properties 'color' and 'margin' in each pasted element.