docs: move around examples

This commit is contained in:
Hans Pagel
2020-11-30 16:14:27 +01:00
parent dd4640270f
commit 85a983cd11
3 changed files with 8 additions and 9 deletions

View File

@@ -7,6 +7,7 @@
<script>
import { Editor, EditorContent, defaultExtensions } from '@tiptap/vue-starter-kit'
import Highlight from '@tiptap/extension-highlight'
import Typography from '@tiptap/extension-typography'
export default {
components: {
@@ -32,12 +33,16 @@ export default {
Those conventions are called input rules in tiptap. Some of them are enabled by default. Try <code>></code> for blockquotes, <code>*</code>, <code>-</code> or <code>+</code> for bullet lists, or <code>\`foobar\`</code> to highlight code, <code>~~tildes~~</code> to strike text, or <code>==equal signs==</code> to highlight text.
</p>
<p>
You can overwrite existing input rules or add your own to new nodes and marks.
You can overwrite existing input rules or add your own to nodes, marks and extensions.
</p>
<p>
For example, we added the <code>Typography</code> extensions here. Try typing <code>(c)</code> to see how its converted to a proper © character. You can also try <code>-></code>, <code>>></code>, <code>1/2</code>, <code>!=</code>, or <code>--</code>.
</p>
`,
extensions: [
...defaultExtensions(),
Highlight,
Typography,
],
})
},

View File

@@ -1,3 +0,0 @@
# Read-only
<demo name="Examples/ReadOnly" highlight="3-6,22,28,41-47" />

View File

@@ -24,15 +24,12 @@
link: /examples/markdown-shortcuts
- title: Formatting
link: /examples/formatting
draft: true
- title: Todo app
link: /examples/todo-app
- title: Write a book
link: /examples/book
# - title: Read-only
# link: /examples/read-only
# - title: Minimalist
# link: /examples/minimalist
- title: For minimalists
link: /examples/minimalist
# - title: Use with v-model
# link: /examples/v-model