fix some demos with hidden source

This commit is contained in:
Philipp Kühn 2021-09-18 23:01:30 +02:00
parent 80b859be8e
commit 67c33644d3
4 changed files with 6 additions and 10 deletions

View File

@ -40,6 +40,5 @@ This extension requires the [`Collaboration`](/api/extensions/collaboration) ext
:::warning Public
The content of this editor is shared with other users.
:::
<tiptap-demo name="Extensions/CollaborationCursor" hideSource></tiptap-demo>
<tiptap-demo name="Extensions/CollaborationCursor" hide-source></tiptap-demo>
<tiptap-demo name="Extensions/CollaborationCursor"></tiptap-demo>

View File

@ -49,7 +49,4 @@ yarn add @tiptap/extension-collaboration yjs y-websocket
The content of this editor is shared with other users.
:::
<tiptap-demo name="Extensions/Collaboration" hide-source></tiptap-demo>
<tiptap-demo name="Extensions/Collaboration" hideSource></tiptap-demo>
<tiptap-demo name="Extensions/Collaboration"></tiptap-demo>

View File

@ -5,7 +5,7 @@ tableOfContents: true
# Create menus
## Introduction
tiptap comes very raw, but thats a good thing. You have full control about the appearance of it.
tiptap comes very raw, but thats a good thing. You have full control about the appearance of it.
When we say full control, we mean it. You can (and have to) build a menu on your own. We help you to wire everything up.
@ -18,12 +18,12 @@ A fixed menu, for example on top of the editor, can be anything. We dont prov
### Bubble menu
The [bubble menu](/api/extensions/bubble-menu) appears when selecting text. Markup and styling is totally up to you.
<tiptap-demo name="Extensions/BubbleMenu" hideSource></tiptap-demo>
<tiptap-demo name="Extensions/BubbleMenu" hide-source></tiptap-demo>
### Floating menu
The [floating menu](/api/extensions/floating-menu) appears in empty lines. Markup and styling is totally up to you.
<tiptap-demo name="Extensions/FloatingMenu" hideSource></tiptap-demo>
<tiptap-demo name="Extensions/FloatingMenu" hide-source></tiptap-demo>
### Slash commands (work in progress)
Its not an official extension yet, but [theres an experiment you can use to add what we call slash commands](/experiments/commands). It allows you to start a new line with `/` and will bring up a popup to select which node should be added.

View File

@ -42,7 +42,7 @@ editor.commands.setContent({
Here is an interactive example where you can see that in action:
<tiptap-demo name="GuideContent/ExportJSON" hideSource></tiptap-demo>
<tiptap-demo name="GuideContent/ExportJSON" hide-source></tiptap-demo>
### Option 2: HTML
HTML can be easily rendered in other places, for example in emails and its wildly used, so its probably easier to switch the editor at some point. Anyway, every editor instance provides a method to get HTML from the current document:
@ -66,7 +66,7 @@ editor.commands.setContent(`<p>Example Text</p>`)
Use this interactive example to fiddle around:
<tiptap-demo name="GuideContent/ExportHTML" hideSource></tiptap-demo>
<tiptap-demo name="GuideContent/ExportHTML" hide-source></tiptap-demo>
### Option 3: Y.js
Our editor has top notch support for Y.js, which is amazing to add features like [realtime collaboration, offline editing, or syncing between devices](/guide/collaborative-editing).