Added proper handling for pasted links in Plunk editor
This commit is contained in:
+2
-4
@@ -1,12 +1,10 @@
|
|||||||
{
|
{
|
||||||
"name": "plunk",
|
"name": "plunk",
|
||||||
"version": "1.0.3",
|
"version": "1.0.4",
|
||||||
"private": true,
|
"private": true,
|
||||||
"license": "agpl-3.0",
|
"license": "agpl-3.0",
|
||||||
"workspaces": {
|
"workspaces": {
|
||||||
"packages": [
|
"packages": ["packages/*"]
|
||||||
"packages/*"
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
"engines": {
|
"engines": {
|
||||||
"npm": ">=6.14.x",
|
"npm": ">=6.14.x",
|
||||||
|
|||||||
@@ -108,6 +108,22 @@ export default function Editor({ value, onChange, mode, modeSwitcher }: Markdown
|
|||||||
keydown: (_view, event) => {
|
keydown: (_view, event) => {
|
||||||
return event.key === "Enter" && !event.shiftKey;
|
return event.key === "Enter" && !event.shiftKey;
|
||||||
},
|
},
|
||||||
|
paste: (view, event) => {
|
||||||
|
const text = event.clipboardData?.getData("text");
|
||||||
|
const urlPattern = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*({{[\w-]+}})?)*$/;
|
||||||
|
|
||||||
|
if (editor && text && urlPattern.test(text)) {
|
||||||
|
event.preventDefault();
|
||||||
|
editor
|
||||||
|
.chain()
|
||||||
|
.focus()
|
||||||
|
.extendMarkRange("link")
|
||||||
|
.setLink({ href: text.startsWith("http") ? text : `https://${text}`, target: "_blank" })
|
||||||
|
.run();
|
||||||
|
editor.commands.insertContent(text);
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
onUpdate: ({ editor }) => {
|
onUpdate: ({ editor }) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user