How to enable paste events?

[sonsu95]

I'm using tiptap on a vue3 quasar. and Here's the problem I'm facing

1. Whenever I paste data, it's not getting newlines. It's all showing up as a single line.

2. Moreover, for table tags, it only turns into SPAN tags.
   => I suspect this is caused by tiptap not detecting the table tag - I tried adding all the table extensions and still had the same situation.

Here's what I tried

function pasteEventHandler(e) {
        e.preventDefault();
        const text = e.clipboardData.getData('text');
        const lines = text.split(/\r?\n/);
        const html = lines.map(line => `<p>${line}</p>`).join('');
        editor.value.commands.insertContent(html);
        // document.querySelector('.ProseMirror').innerHtml = html;
      }

I've registered this function with the paste event of editor-content like this

<editor-content
      @paste="pasteEventHandler"
      :editor="editor"
      class="editor-content"
    />

This will add the new content in addition to what is already pasted.

So I found a way to disable paste through this article, but the handlePaste function didn't work.

Here's how I used it

const editor = useEditor({
        handlePaste: {
          ...
        },

        ...
}

and I tried paste-rules, but not work

I tried like this

const editor = useEditor({
     extensions: [
          Paragraph.extend({
            addPasteRules() {
             console.log('test');
              return [
                markPasteRule({
                  find: pasteRegex,
                  type: this.type,
                }),
              ]
          })

        ...
}

This extension felt like it only ran once when the editor was rendered.

I also tried using parseOptions, but that didn't work either.

const editor = useEditor({
        parseOptions: {
          preserveWhitespace: 'full',
        },
        ...
);

I don't know what else to try, is the only answer to touch ProseMirror's API directly?
If you need to touch it, I'd be grateful if you could tell me how to approach it in tiptap.
I'm having a hard time with this. Thanks

[nooblyf]

did you find anything? documentation isn't really helpful on paste rules

[PhilVargas]

if you're just trying to disable paste, you can use the handlePaste function. unfortunately the return functionality of this function is not documented anywhere, but if you return false from handlePaste it will allow the paste to continue, if you return true it will prevent the paste from continuing.

so you need to make sure at the end of your handlePaste, after you've changed the content to your liking, you return true and that will stop the editor from inputting the pasted content.

I have not figured out how to use the slice argument in any capacity, and haven't figured out how to reach this function in tests. if i trigger a paste event or cmd+v keydown event, it does not seem to propagate to this function

[YaSh8202]

If you want to handle the pasteEvent,

Paragraph.extend({
        addProseMirrorPlugins() {
          const plugin = new Plugin({
            props: {
              handleDOMEvents: {
                paste(view, event) {
                  const items = event.clipboardData.items;

                  pasteHandler(event);
                },
              },
            },
          });

          return [plugin];
        },