mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-12-13 01:19:01 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix link example

Browse Source
This commit is contained in:
Philipp Kühn 2018-11-04 18:03:39 +01:00
parent c2d8e15530
commit 41f38e1041
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
examples/Components/Routes/Links/index.vue
View File

@ -1,7 +1,12 @@
<template>
<div class="editor">
<menu-bubble class="menububble" :editor="editor">
<template slot-scope="{ commands, isActive, markAttrs }">
<div
slot-scope="{ commands, isActive, markAttrs, menu }"
class="menububble"
:class="{ 'is-active': menu.isActive }"
:style="`left: ${menu.left}px; bottom: ${menu.bottom}px;`"
>
<form class="menububble__form" v-if="linkMenuIsActive" @submit.prevent="setLinkUrl(commands.link, linkUrl)">
<input class="menububble__input" type="text" v-model="linkUrl" placeholder="https://" ref="linkInput" @keydown.esc="hideLinkMenu"/>
@ -21,7 +26,7 @@
</button>
</template>
</template>
</div>
</menu-bubble>
<editor-content class="editor__content" :editor="editor" />