Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-07-12 14:05:08 +10:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1729 from CorreyL/feature/ctrl-k-for-hyperlink

Browse Source 
[Feature] Keyboard Shortcut for Hyperlink
This commit is contained in:
Amruth Pillai
2024-03-10 10:07:33 +01:00
committed by GitHub
parent 95ee77f65c 219e6999df
commit a92528cdb7
1 changed files with 32 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
libs/ui/src/components/rich-input.tsx
+32 -18
View File
@@ -113,25 +113,29 @@ const InsertImageForm = ({ onInsert }: InsertImageProps) => {
);
};
const setLinkGlobal = (editor: Editor) => {
const previousUrl = editor.getAttributes("link").href;
const url = window.prompt("URL", previousUrl);
// cancelled
if (url === null) {
return;
}
// empty
if (url === "") {
editor.chain().focus().extendMarkRange("link").unsetLink().run();
return;
}
// update link
editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
};
const Toolbar = ({ editor }: { editor: Editor }) => {
const setLink = useCallback(() => {
const previousUrl = editor.getAttributes("link").href;
const url = window.prompt("URL", previousUrl);
// cancelled
if (url === null) {
return;
}
// empty
if (url === "") {
editor.chain().focus().extendMarkRange("link").unsetLink().run();
return;
}
// update link
editor.chain().focus().extendMarkRange("link").setLink({ href: url }).run();
setLinkGlobal(editor);
}, [editor]);
return (
@@ -440,7 +444,17 @@ export const RichInput = forwardRef<Editor, RichInputProps>(
Image,
Underline,
Highlight,
Link.extend({ inclusive: false }).configure({ openOnClick: false }),
Link.extend({
inclusive: false,
addKeyboardShortcuts() {
return {
"Mod-k": () => {
setLinkGlobal(this.editor as Editor);
return true;
},
};
},
}).configure({ openOnClick: false }),
TextAlign.configure({ types: ["heading", "paragraph"] }),
],
editorProps: {