Replace   on paste (or any other string/char)

[doits]

I'm using latest tiptap 2 beta and wondered if it is possible to replace some characters which are pasted into the editor, in my case replace all   (or \u00A0) with a regular space.

I looked into paste rules in other extensions and tried to create a new extension, but I'm at a dead end here:

import { Extension, markPasteRule } from '@tiptap/core'

const nbspReplacer = Extension.create({
  addPasteRules() {
    return [
      markPasteRule(/\u00A0/, this.type)
    ]
  }
})

I don't see a way to specify how to replace it, e.g. I don't want to create a new node or something but only replace single chars. markPasteRule might be the wrong tool for it.

https://www.tiptap.dev/examples/savvy does exactly this with input rules (replacing something with emojis) ...

import { Extension } from '@tiptap/core'
import { InputRule } from 'prosemirror-inputrules'

export const SmilieReplacer = Extension.create({
  name: 'smilieReplacer',

  addInputRules() {
    return [
      new InputRule(/-___- /, '😑 '),
      [...]
    ]
  },
})

... but I need it only for paste rules.

Is this possible?

[cadars]

Did you succeed? I'm trying the exact same thing, with no success.

[doits]

Unfortunately I don't have a solution yet.

[cadars]

Would this could be done by using the newly introduced textPasteRule?

[rfgamaral]

@doits What about this?

const NBSPReplacer = Extension.create({
    name: 'npspReplacer',
    addPasteRules() {
        return [
            textPasteRule({ find: / /g, replace: ' ' }),
            textPasteRule({ find: /\\u00A0/g, replace: ' ' }),
        ]
    },
})

[philippkuehn]

oh no, seems like pasterules doesn’t work at all in this situation.

[philippkuehn]

should be fixed with this patch: ff67ee1

[cadars]

Thanks much! One last question though 😅, in the codesandbox above, if you change 'X' for ' ', it does not perform the replacement: what would be the correct way to specify the regular space character?

[rfgamaral]

I'm not sure what's happening, but I don't seem to have any issues with the demo above (which I don't think is using @philippkuehn patch):

tiptap-nbsp-pasterule.mp4

[cadars]

You're right, my bad, I forgot that the .ProseMirror container doesn’t collapse multiple spaces by default.
Thanks for your time!