remove gridsome
This commit is contained in:
7
docs/examples/book.md
Normal file
7
docs/examples/book.md
Normal file
@@ -0,0 +1,7 @@
|
||||
# Long texts
|
||||
|
||||
This demo has 250 paragraphs and more than 22,000 words, check the performance yourself.
|
||||
|
||||
Most of the processing is needed to check the active state of the buttons for the selection. If you’d like to optimize for really long texts, try to limit these checks in your toolbar. But honestly, we think it’s great already, isn’t it?
|
||||
|
||||
<tiptap-demo name="Examples/Book"></tiptap-demo>
|
||||
44
docs/examples/collaborative-editing.md
Normal file
44
docs/examples/collaborative-editing.md
Normal file
@@ -0,0 +1,44 @@
|
||||
---
|
||||
tableOfContents: true
|
||||
---
|
||||
|
||||
# Collaborative editing
|
||||
|
||||
:::pro Commercial use
|
||||
Using the collaborative editing commercially? [Become a sponsor](/sponsor) to fund its development!
|
||||
:::
|
||||
|
||||
## toc
|
||||
|
||||
## Introduction
|
||||
This example shows how you can use tiptap to let multiple users collaborate in the same document in real-time.
|
||||
|
||||
It connects all clients to a WebSocket server and merges changes to the document with the power of [Y.js](https://github.com/yjs/yjs). If you want to learn more about collaborative text editing, check out [our guide on collaborative editing](/guide/collaborative-editing).
|
||||
|
||||
## Example
|
||||
:::warning Shared Document
|
||||
Be nice! The content of this editor is shared with other users from the Internet.
|
||||
:::
|
||||
|
||||
<tiptap-demo name="Examples/CollaborativeEditing"></tiptap-demo>
|
||||
|
||||
## Backend
|
||||
In case you’re wondering what kind of sorcery you need on the server to achieve this, here is the whole backend code for the demo:
|
||||
|
||||
:::warning Request early access
|
||||
Our plug & play collaboration backend hocuspocus is still work in progress. If you want to give it a try, [get early access](https://www.hocuspocus.dev).
|
||||
:::
|
||||
|
||||
```js
|
||||
import { Server } from '@hocuspocus/server'
|
||||
import { RocksDB } from '@hocuspocus/extension-rocksdb'
|
||||
|
||||
const server = Server.configure({
|
||||
port: 80,
|
||||
extensions: [
|
||||
new RocksDB({ path: './database' }),
|
||||
],
|
||||
})
|
||||
|
||||
server.listen()
|
||||
```
|
||||
4
docs/examples/default.md
Normal file
4
docs/examples/default.md
Normal file
@@ -0,0 +1,4 @@
|
||||
# Default text editor
|
||||
Did we mention that you have full control over the rendering of the editor? Here is a barebones example without any styling, but packed with a whole set of common extensions.
|
||||
|
||||
<tiptap-demo name="Examples/Default"></tiptap-demo>
|
||||
4
docs/examples/drawing.md
Normal file
4
docs/examples/drawing.md
Normal file
@@ -0,0 +1,4 @@
|
||||
# Drawing
|
||||
Did you ever wanted to draw in a text editor? Me neither. Anyway, here is an example how that could work with tiptap. If you want to build something like that, [learn more about node views](/guide/node-views).
|
||||
|
||||
<tiptap-demo name="Examples/Drawing"></tiptap-demo>
|
||||
3
docs/examples/formatting.md
Normal file
3
docs/examples/formatting.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Formatting
|
||||
|
||||
<tiptap-demo name="Examples/Formatting"></tiptap-demo>
|
||||
11
docs/examples/images.md
Normal file
11
docs/examples/images.md
Normal file
@@ -0,0 +1,11 @@
|
||||
# Images
|
||||
|
||||
:::pro What about …
|
||||
We’d love to build more features related to images: Resizeable images, images with a caption, floating images … But that takes time.
|
||||
|
||||
Though thousands of developers use tiptap every day, it’s still not our full-time job. We’d like to change that. Are you able to help us reach our goal?
|
||||
|
||||
[Become a sponsor on GitHub →](https://github.com/sponsors/ueberdosis)
|
||||
:::
|
||||
|
||||
<tiptap-demo name="Examples/Images"></tiptap-demo>
|
||||
7
docs/examples/interactivity.md
Normal file
7
docs/examples/interactivity.md
Normal file
@@ -0,0 +1,7 @@
|
||||
# Interactivity
|
||||
|
||||
Thanks to [node views](/guide/node-views) you can add interactivity to your nodes. If you can write it in JavaScript, you can add it to the editor.
|
||||
|
||||
<tiptap-demo name="GuideNodeViews/VueComponent"></tiptap-demo>
|
||||
|
||||
<tiptap-demo name="GuideNodeViews/VueComponentContent"></tiptap-demo>
|
||||
3
docs/examples/markdown-shortcuts.md
Normal file
3
docs/examples/markdown-shortcuts.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Markdown shortcuts
|
||||
|
||||
<tiptap-demo name="Examples/MarkdownShortcuts"></tiptap-demo>
|
||||
3
docs/examples/menus.md
Normal file
3
docs/examples/menus.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Menus
|
||||
|
||||
<tiptap-demo name="Examples/Menus"></tiptap-demo>
|
||||
3
docs/examples/minimal.md
Normal file
3
docs/examples/minimal.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Minimal setup
|
||||
|
||||
<tiptap-demo name="Examples/Minimal"></tiptap-demo>
|
||||
3
docs/examples/savvy.md
Normal file
3
docs/examples/savvy.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# A clever editor
|
||||
|
||||
<tiptap-demo name="Examples/Savvy"></tiptap-demo>
|
||||
3
docs/examples/suggestions.md
Normal file
3
docs/examples/suggestions.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Mentions
|
||||
|
||||
<tiptap-demo name="Examples/Community"></tiptap-demo>
|
||||
3
docs/examples/syntax-highlighting.md
Normal file
3
docs/examples/syntax-highlighting.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Syntax highlighting
|
||||
|
||||
<tiptap-demo name="Examples/CodeBlockLanguage"></tiptap-demo>
|
||||
7
docs/examples/tables.md
Normal file
7
docs/examples/tables.md
Normal file
@@ -0,0 +1,7 @@
|
||||
# Tables
|
||||
|
||||
:::pro Commercial use
|
||||
Using this extension in a commercial project? [Become a sponsor](/sponsor) to fund its development!
|
||||
:::
|
||||
|
||||
<tiptap-demo name="Examples/Tables"></tiptap-demo>
|
||||
3
docs/examples/tasks.md
Normal file
3
docs/examples/tasks.md
Normal file
@@ -0,0 +1,3 @@
|
||||
# Tasks
|
||||
|
||||
<tiptap-demo name="Examples/Tasks"></tiptap-demo>
|
||||
Reference in New Issue
Block a user