Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Custom Toolbar #345

Open
dishly opened this issue Jun 27, 2022 · 0 comments
Open

Custom Toolbar #345

dishly opened this issue Jun 27, 2022 · 0 comments

Comments

@dishly
Copy link

dishly commented Jun 27, 2022

First of all, thanks for this amazing project. I'm trying to customise the toolbar, so far the code below works. The only problem is that @click="commands.bold" works nicely but @click="commands.link" does not work.

Why commands doesn't launch the link, image or table extension? I've spent hours trying to figure this out but there is no documentation or examples about this.

        <tiptap-vuetify
            v-model="content"
            :extensions="extensions"
            @blur="emitToParent(content)"
        >
            <template #toolbar="{ commands, isActive }">
                <div class="theme--light grey lighten-4 pa-1">
                    <v-btn
                        small
                        text
                        icon
                        title="Bold"
                        :class="{ 'grey lighten-2': isActive.bold() }"
                        @click="commands.bold"
                    >
                        <v-icon>mdi-format-bold</v-icon>
                    </v-btn>
                    <v-btn
                        small
                        text
                        icon
                        title="Add Link"
                        @click="commands.link"
                    >
                        <v-icon>mdi-link</v-icon>
                    </v-btn>
                </div>
            </template>
        </tiptap-vuetify>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

0 participants