Ategon/Jamjar
1
0
Fork 0
mirror of https://github.com/Ategon/Jamjar.git synced 2025-02-12 06:16:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add link icon to editor

Browse source
This commit is contained in:
Ategon 2025-02-10 22:58:26 -05:00
parent a2a1323e01
commit 87878f270a
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/editor/EditorMenuBar.tsx
View file

@ -10,6 +10,7 @@ import {
Code, Code,
Highlighter, Highlighter,
Italic, Italic,
LinkIcon,
Minus, Minus,
Quote, Quote,
Redo, Redo,
@ -28,6 +29,18 @@ type EditorMenuProps = {
export default function EditorMenuBar({ editor }: EditorMenuProps) { export default function EditorMenuBar({ editor }: EditorMenuProps) {
if (!editor) return null; if (!editor) return null;
const addLink = () => {
const url = prompt("Enter link URL:");
if (url) {
editor
.chain()
.focus()
.extendMarkRange("link")
.setLink({ href: url })
.run();
}
};
const buttons = [ const buttons = [
{ {
icon: <Bold size={20} />, icon: <Bold size={20} />,
@ -71,6 +84,12 @@ export default function EditorMenuBar({ editor }: EditorMenuProps) {
disabled: false, disabled: false,
isActive: editor.isActive("superscript"), isActive: editor.isActive("superscript"),
}, },
{
icon: <LinkIcon size={20} />,
onClick: addLink,
disabled: false,
isActive: editor.isActive("link"),
},
{ {
icon: <Minus size={20} />, icon: <Minus size={20} />,
onClick: () => editor.chain().focus().setHorizontalRule().run(), onClick: () => editor.chain().focus().setHorizontalRule().run(),