add menus example

This commit is contained in:
Philipp Kühn
2021-04-01 16:56:56 +02:00
parent 17726770d2
commit 136f6e47a9
11 changed files with 77 additions and 24 deletions

View File

@@ -36,12 +36,6 @@ export default () => {
>
bullet list
</button>
<button
onClick={() => editor.chain().focus().toggleBlockquote().run()}
className={editor.isActive('blockquote') ? 'is-active' : ''}
>
blockquote
</button>
</FloatingMenu>}
<EditorContent editor={editor} />
</div>

View File

@@ -2,4 +2,9 @@
> * + * {
margin-top: 0.75em;
}
ul,
ol {
padding: 0 1rem;
}
}

View File

@@ -10,9 +10,6 @@
<button @click="editor.chain().focus().toggleBulletList().run()" :class="{ 'is-active': editor.isActive('bulletList') }">
bullet list
</button>
<button @click="editor.chain().focus().toggleBlockquote().run()" :class="{ 'is-active': editor.isActive('blockquote') }">
blockquote
</button>
</floating-menu>
<editor-content :editor="editor" />
</div>
@@ -64,10 +61,5 @@ export default {
ol {
padding: 0 1rem;
}
blockquote {
padding-left: 1rem;
border-left: 2px solid rgba(#0D0D0D, 0.1);
}
}
</style>