Replacing nbsp; to regular spaces

[Krutie]

Bug Description
  won't convert into regular spaces even after using parseOptions : { preserveWhitespace: true | false }

Issue #754 already discusses this, but the proposed solution in PR #254 doesn't quite solve the problem. Below is the reproduction steps.

Expected behaviour
When copy/pasting the content, the editor should cleanup all the  s. Manually writing the content doesn't create unwanted  s.

Steps to reproduce the behaviour:

1. Copy the content below (It has plenty of   in it.):
   It is one of the refined sins of civilisation, for we know not what wild spirit we are taking from its purer atmosphere, or who it is?
2. Paste the content from Step 1 into Tiptap Editor at https://8igbl.csb.app/
3. See all the  s in the Chrome Dev Tools
   Screenshot
   

Codesandbox replicating the issue
https://codesandbox.io/s/friendly-thompson-8igbl?file=/src/App.vue

[domnantas]

@hanspagel Hey, was this addressed in any way? I'm trying to get rid of   on pasted text, #754 points to parseOptions, but parseOptions.preserveWhitespace doesn't seem to have any impact in this case.

Here's v2 sandbox: https://codesandbox.io/s/tiptap-nbsp-qn1be

[domnantas]

Solved the issue by adding

new Editor({
	editorProps: {
		transformPastedText(text) {
			return text.replace(/\xA0/g, " ");
		},
		transformPastedHTML(html) {
			return html.replace(/\xA0/g, " ");
		},
	},
})

This docs part mentions

To hook into events, for example a click, double click or when content is pasted, you can pass event handlers as editorProps to the editor.

but it's a bit unclear – addProseMirrorPlugins example below causes confusion, there's no link to editor props docs (and they only show attributes.class changed). Should I submit an update for the docs?

[chrisdellisantirn]

To add to this I was confused as to why replace(/\xA0/g, " "); worked to remove   in the transformPastedHTML() function only some of the times.

It's because when pasting from various sources the characters may be formatted differently but show up in the DOM as the browser interprets the characters. So the answer is that \xA0 is the Unicode format and will remove &nbsp.

Additionally I've found .replace(/\u200B/g, "") to handle cleaning up ​ well.