mirror of
https://github.com/ueberdosis/tiptap.git
synced 2024-11-25 04:19:02 +08:00
fix some demos with hidden source
This commit is contained in:
parent
80b859be8e
commit
67c33644d3
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -5,7 +5,7 @@ tableOfContents: true
|
||||
# Create menus
|
||||
|
||||
## Introduction
|
||||
tiptap comes very raw, but that’s a good thing. You have full control about the appearance of it.
|
||||
tiptap comes very raw, but that’s 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 don’t 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)
|
||||
It’s not an official extension yet, but [there’s 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.
|
||||
|
@ -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 it’s wildly used, so it’s 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).
|
||||
|
Loading…
Reference in New Issue
Block a user