update content
This commit is contained in:
@@ -1,5 +1,9 @@
|
|||||||
# Collaboration
|
# Collaboration
|
||||||
Enables you to collaborate with others on one document.
|
The Collaboration extension enables you to collaborate with others on one document. The implementation is based on [Y.js by Kevin Jahns](https://github.com/yjs/yjs), which is the coolest thing to [integrate collaborative editing](/guide/collaborative-editing) in your project.
|
||||||
|
|
||||||
|
:::pro Premium Extension
|
||||||
|
Using this in production requires a **tiptap pro** license. [Read more](/license)
|
||||||
|
:::
|
||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
```bash
|
```bash
|
||||||
|
|||||||
@@ -1,10 +1,13 @@
|
|||||||
# Overview
|
# Overview
|
||||||
tiptap is a friendly wrapper around [ProseMirror](https://ProseMirror.net).
|
tiptap is a friendly wrapper around [ProseMirror](https://ProseMirror.net).
|
||||||
|
|
||||||
ProseMirror works with a strict [Schema](/api/schema), which defines the allowed structure of a document. A document is a tree of headings, paragraphs and others elements, so called nodes. Marks can be attached to a node, e. g. to emphasize part of it. [Commands](/api/commands) change that document programmatically.
|
### Structure
|
||||||
|
ProseMirror works with a strict [Schema](/api/schema), which defines the allowed structure of a document. A document is a tree of headings, paragraphs and others elements, so called nodes. Marks can be attached to a node, e. g. to emphasize part of it. [Commands](/api/commands) change that document programmatically.
|
||||||
|
|
||||||
The document is stored in a state. All changes are applied as transactions to the state. The state has details about the current content, cursor position and selection. You can hook into a few different [events](/api/events), for example to alter transactions before they get applied.
|
### Content
|
||||||
|
The document is stored in a state. All changes are applied as transactions to the state. The state has details about the current content, cursor position and selection. You can hook into a few different [events](/api/events), for example to alter transactions before they get applied.
|
||||||
|
|
||||||
[Extensions](/api/extensions) add functionality like nodes, marks and/or commands to the editor. A huge amount of commands are bound to common [keyboard shortcuts](/api/keyboard-shortcuts).
|
### Extensions
|
||||||
|
[Extensions](/api/extensions) add functionality like nodes, marks and/or commands to the editor. A huge amount of commands are bound to common [keyboard shortcuts](/api/keyboard-shortcuts).
|
||||||
|
|
||||||
All of those concepts are explained in detail on the following pages.
|
All those concepts are explained in detail on the following pages.
|
||||||
|
|||||||
@@ -183,3 +183,8 @@
|
|||||||
link: /api/schema
|
link: /api/schema
|
||||||
- title: Keyboard Shortcuts
|
- title: Keyboard Shortcuts
|
||||||
link: /api/keyboard-shortcuts
|
link: /api/keyboard-shortcuts
|
||||||
|
|
||||||
|
- title: tiptap pro
|
||||||
|
items:
|
||||||
|
- title: License
|
||||||
|
link: /license
|
||||||
|
|||||||
@@ -247,6 +247,12 @@
|
|||||||
color: $colorRed;
|
color: $colorRed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.pro {
|
||||||
|
border-color: rgba($colorRed, 0.1);
|
||||||
|
background-color: rgba($colorRed, 0.1);
|
||||||
|
color: $colorRed;
|
||||||
|
}
|
||||||
|
|
||||||
.remark-container-title {
|
.remark-container-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user