add mooore content

This commit is contained in:
Hans Pagel
2020-10-05 14:56:45 +02:00
parent a52f95a770
commit 2d82e4e1a7
13 changed files with 80 additions and 40 deletions

View File

@@ -1,6 +1,5 @@
<template>
<div>
BUG: Headings cant be transformed to a bullet or ordered list.
<div v-if="editor">
<button @click="editor.chain().focus().bold().run()" :class="{ 'is-active': editor.isActive('bold') }">
bold
@@ -89,25 +88,24 @@ export default {
Hi there,
</h2>
<p>
this is a basic <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles youd probably expect from a text editor. But wait until you see the bullet lists:
this is a basic <em>basic</em> example of <strong>tiptap</strong>. Sure, there are all kind of basic text styles youd probably expect from a text editor. But wait until you see the lists:
</p>
<ul>
<li>
With one …
Thats a bullet list with one …
</li>
<li>
… or two list items.
</li>
<li>
And yes, even more.
</li>
</ul>
<p>
Isnt that great? But wait, theres more. Lets try a code block:
Isnt that great? And all of that is editable. But wait, theres more. Lets try a code block:
</p>
<pre><code class="language-css">body { display: none; }</code></pre>
<pre><code class="language-css">body {
display: none;
}</code></pre>
<p>
I know, I know, its impressive. Give it a try and click a little bit around. But dont forget to check the other examples too.
I know, I know, this is impressive. Its only the tip of the iceberg though. Give it a try and click a little bit around. Dont forget to check the other examples too.
</p>
<blockquote>
Wow, thats amazing. Good work, boy! 👏