diff --git a/admin-spa/src/components/ui/tiptap-button-extension.ts b/admin-spa/src/components/ui/tiptap-button-extension.ts index 14e076b..a5e1666 100644 --- a/admin-spa/src/components/ui/tiptap-button-extension.ts +++ b/admin-spa/src/components/ui/tiptap-button-extension.ts @@ -37,6 +37,9 @@ export const ButtonExtension = Node.create({ parseHTML() { return [ + { + tag: 'a[data-button]', + }, { tag: 'a.button', }, @@ -49,29 +52,29 @@ export const ButtonExtension = Node.create({ renderHTML({ HTMLAttributes }) { const { text, href, style } = HTMLAttributes; const className = style === 'outline' ? 'button-outline' : 'button'; - + const buttonStyle: Record = style === 'solid' ? { - display: 'inline-block', - background: '#7f54b3', - color: '#fff', - padding: '14px 28px', - borderRadius: '6px', - textDecoration: 'none', - fontWeight: '600', - cursor: 'pointer', - } + display: 'inline-block', + background: '#7f54b3', + color: '#fff', + padding: '14px 28px', + borderRadius: '6px', + textDecoration: 'none', + fontWeight: '600', + cursor: 'pointer', + } : { - display: 'inline-block', - background: 'transparent', - color: '#7f54b3', - padding: '12px 26px', - border: '2px solid #7f54b3', - borderRadius: '6px', - textDecoration: 'none', - fontWeight: '600', - cursor: 'pointer', - }; + display: 'inline-block', + background: 'transparent', + color: '#7f54b3', + padding: '12px 26px', + border: '2px solid #7f54b3', + borderRadius: '6px', + textDecoration: 'none', + fontWeight: '600', + cursor: 'pointer', + }; return [ 'a', @@ -94,12 +97,12 @@ export const ButtonExtension = Node.create({ return { setButton: (options) => - ({ commands }) => { - return commands.insertContent({ - type: this.name, - attrs: options, - }); - }, + ({ commands }) => { + return commands.insertContent({ + type: this.name, + attrs: options, + }); + }, }; }, });