Skip to content

Instantly share code, notes, and snippets.

<bubble-menu :editor="editor" id="internal-link-menu" pluginKey="internalLinkMenu" v-show="openInternalLinkPopUp"
>
<div style="background-color: rgba(218, 218, 218, 1); border-radius: 4px; padding: 16px; border: 2px solid gray; width: 400px; text-align: center; box-shadow: 3px 3px 3px gray;">
<div class="q-gutter-sm" style="width: 100%; text-align: left;">
<q-radio dense v-model="linkStyle" val="internal" label="Internal" />
<q-radio dense v-model="linkStyle" val="external" label="External/Anchor"/>
</div>
<q-input v-model="linkLink" label="Internal Link Address"/>
<q-input v-model="linkLabel" label="Label"/>
<q-btn dense @click="createInternalLink" label="Set Link" color="orange-10" style='padding: 2px 6px; margin-top: 30px;' />
@mackmm145
mackmm145 / extension-jump-anchor.js
Created January 16, 2022 22:14
TipTap jump anchor example
import { Mark, mergeAttributes } from '@tiptap/core'
export const jumpAnchor = Mark.create( {
name: "jumpAnchor",
addAttributes() {
return {
id: {
default: null,
parseHTML: element => element.getAttribute( 'id' ),
print 'loading require...'
require 'discordrb'
require 'rubygems'
require 'Yourub'
require 'sys/uptime'
include Sys
puts 'DONE!'
print 'loading login...'