Copying linked content from other rich text editors into the tiptap editor will treat the content following the link as a link

[Chenchaoyang666]

What’s the bug you are facing?

Copying linked content from other rich text editors into the tiptap editor will treat the content following the link as a link

Which browser was this experienced in? Are any special extensions installed?

Version 110.0.5481.100 (Official Version) (64-bit)

How can we reproduce the bug on our side?

Copying linked content from other rich text editors into the tiptap editor will treat the content following the link as a link，I think pasted content with a label should be processed first

Can you provide a CodeSandbox?

No response

What did you expect to happen?

If the attached content is labeled a, the link can be accessed normally

Anything to add? (optional)

No response

Did you update your dependencies?

• Yes, I’ve updated my dependencies to use the latest version of all packages.

Are you sponsoring us?

• Yes, I’m a sponsor. 💖

[bdbch]

Hey @Chenchaoyang666 just a few questions:

1. Which richtext editor are you copying from? If it's Google Docs, could you verify if the "linked content" is actually a link or just a styled span.
2. What kind of content are you copying? Could you add a small example to the issue so we can verify the issue?
3. If possible, a codesandbox would be perfect. You can use this template if you want: https://codesandbox.io/s/tiptap-react-qidlsv

Thanks for your help.

[Chenchaoyang666]

https://codesandbox.io/s/muddy-violet-4dod6g?file=/src/App.js

[Chenchaoyang666]

Copy the following linked text from wangeditor into the tiptap editor:
Gitkraken破解方法：https://github.com/5cr1pt/GitCracken（拉取到本地，按步骤即可破解，亲测有效）/或者直接附件下载

[Chenchaoyang666]

It seems that github has the same problem as tiptap

[bdbch]

It seems like the parantheses ( and ) are weird in your text. I don't know if it's because of the chinese keyboard / layout / charset? Not very familiar on this topic, but it seems like those parantheses don't actually split the link from the text afterwards. See screenshots:

Bad parantheses (selected, there is no space before / after a parantheses)

---

Correct Pantheses (selected)

I guess that's why the text afterwards gets linked (since there is no actual space separating the text afterwards from the link).

Could you try replacing the parantheses from your copied text with those: ( and ) ?

[ZowieTao]

I copy url from browser url input, and paste in editor, show slice info from handlePaste:

1. use window 10, new edge browser:
   

this is page loaded and copy result, if page not loaded, get result same to macos.

2. use macos, chrome:
   

[Nantris]

@ZowieTao it's not clear why you shared those images. If there's a difference, please mention what it is.

[Nantris]

This is really disruptive. Any update?

Copied content:

Pasted output:

[Nantris]

The issue seems to occur because of these lines:

tiptap/packages/extension-link/src/helpers/pasteHandler.ts

Lines 58 to 59 in 05a2edf

	if (link && selection.empty) {
	options.editor.commands.insertContent(`<a href="${link.href}">${link.href}</a>`)

[Nantris]

The first bad commit is likely from this PR: #3975

TipTap 2.0.4 works fine and doesn't have this problem. Same with 2.1.0-rc.1, but 2.1.0-rc.2 exhibits the issue

@bdbch pinging you because it's your commit and I know these things tend to get harder to fix the longer that passes. It would be great if this could be resolved before the stable release of 2.1.0.

I'm not really sure what prior problem the lines I mentioned are intended to accomplish so I can't suggest any changes.

[bdbch]

@slapbox could you explain exactly where you copied the content from? I tried to replicate it with a copied link + list - but it didn't break on my end.

Did you copy it from another editor or another tiptap instance?

[bdbch]

@Chenchaoyang666 for the example you provided I determined the problem down to the （ character, which is not a normal parenthesis with a space, but a full-width parenthesis that does not include a space before.

Same with the commas which are ， full width commands (without spaces)

Are those characters usually used in chinese? If so I can't really help here and would require help from a chinese developer as I can't test this accordingly.

[bdbch]

Problem is - we're using linkify to find links inside text and will use the link length + the link offset to add a mark for the link. Because your link does technically not have spaces, linkify takes everything as a link.

[Nantris]

@bdbch thanks for looking into this. I copied the content from the same TipTap editor instance to produce my screenshot.