docs: update the blockquote page

This commit is contained in:
Hans Pagel
2021-10-01 22:45:12 +02:00
parent ab21b304e0
commit 6863626a7a
2 changed files with 45 additions and 13 deletions

View File

@@ -1,7 +1,13 @@
<template>
<div v-if="editor">
<button @click="editor.chain().focus().toggleBlockquote().run()" :class="{ 'is-active': editor.isActive('blockquote') }">
blockquote
toggleBlockquote
</button>
<button @click="editor.chain().focus().setBlockquote().run()" :disabled="!editor.can().setBlockquote()">
setBlockquote
</button>
<button @click="editor.chain().focus().unsetBlockquote().run()" :disabled="!editor.can().unsetBlockquote()">
unsetBlockquote
</button>
<editor-content :editor="editor" />
@@ -36,9 +42,9 @@ export default {
],
content: `
<blockquote>
Life is like riding a bycicle. To keep your balance, you must keep moving.
Nothing is impossible, the word itself says “Im possible!”
</blockquote>
<p>Albert Einstein</p>
<p>Audrey Hepburn</p>
`,
})
},
@@ -58,7 +64,7 @@ export default {
blockquote {
padding-left: 1rem;
border-left: 2px solid rgba(#0D0D0D, 0.1);
border-left: 3px solid rgba(#0D0D0D, 0.1);
}
}
</style>