ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

add basic styling for menus example

Browse Source
This commit is contained in:
Philipp Kühn
2021-04-01 17:36:22 +02:00
parent 136f6e47a9
commit 3b3a0103b9
5 changed files with 104 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/src/demos/Extensions/BubbleMenu/React/index.jsx
View File

@@ -31,10 +31,10 @@ export default () => {
italic
</button>
<button
onClick={() => editor.chain().focus().toggleCode().run()}
className={editor.isActive('code') ? 'is-active' : ''}
onClick={() => editor.chain().focus().toggleStrike().run()}
className={editor.isActive('strike') ? 'is-active' : ''}
>
code
strike
</button>
</BubbleMenu>}
<EditorContent editor={editor} />

4
docs/src/demos/Extensions/BubbleMenu/Vue/index.vue
View File

@@ -7,8 +7,8 @@
<button @click="editor.chain().focus().toggleItalic().run()" :class="{ 'is-active': editor.isActive('italic') }">
italic
</button>
<button @click="editor.chain().focus().toggleCode().run()" :class="{ 'is-active': editor.isActive('code') }">
code
<button @click="editor.chain().focus().toggleStrike().run()" :class="{ 'is-active': editor.isActive('strike') }">
strike
</button>
</bubble-menu>
<editor-content :editor="editor" />