add content to the collaboration cursor extension
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
context('/api/extensions/collaboration', () => {
|
||||
context('/api/extensions/collaboration-cursor', () => {
|
||||
before(() => {
|
||||
cy.visit('/api/extensions/collaboration')
|
||||
cy.visit('/api/extensions/collaboration-cursor')
|
||||
})
|
||||
})
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
context('/examples/focus', () => {
|
||||
context('/api/extensions/focus', () => {
|
||||
before(() => {
|
||||
cy.visit('/examples/focus')
|
||||
cy.visit('/api/extensions/focus')
|
||||
})
|
||||
|
||||
it('should have class', () => {
|
||||
|
||||
@@ -1,7 +1,14 @@
|
||||
# Collaboration Cursor
|
||||
This extension adds information about all connected users (like their name and a specified color), their current cursor position and their text selection (if there’s one).
|
||||
|
||||
:::premium Premium Extension
|
||||
Using this in production requires a **tiptap pro** license. [Read more](/sponsor)
|
||||
Open this page in multiple browser windows to test it.
|
||||
|
||||
:::premium 💖 Pro Extension
|
||||
We kindly ask you to sponsor us, before using this extension in production. [Read more](/sponsor)
|
||||
:::
|
||||
|
||||
::: warning Use with Collaboration
|
||||
This extension requires the [`Collaboration`](/api/extensions/collaboration) extension.
|
||||
:::
|
||||
|
||||
## Installation
|
||||
@@ -31,4 +38,4 @@ yarn add @tiptap/extension-collaboration-cursor
|
||||
:::warning Public
|
||||
The content of this editor is shared with other users.
|
||||
:::
|
||||
<demo name="Extensions/CollaborationCursor" highlight="" />
|
||||
<demo name="Extensions/CollaborationCursor" highlight="11,48-52" />
|
||||
|
||||
@@ -1,8 +1,8 @@
|
||||
# Collaboration
|
||||
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.
|
||||
|
||||
:::premium Premium Extension
|
||||
Using this in production requires a **tiptap pro** license. [Read more](/sponsor)
|
||||
:::premium Pro Extension
|
||||
We kindly ask you to sponsor us, before using this extension in production. [Read more](/sponsor)
|
||||
:::
|
||||
|
||||
## Installation
|
||||
@@ -33,4 +33,4 @@ yarn add @tiptap/extension-collaboration yjs y-webrtc
|
||||
:::warning Public
|
||||
The content of this editor is shared with other users.
|
||||
:::
|
||||
<demo name="Extensions/Collaboration" highlight="" />
|
||||
<demo name="Extensions/Collaboration" highlight="10-12,30-32,43-46,53" />
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
# Dropcursor
|
||||
This extension loads the [ProseMirror Gapcursor plugin](https://github.com/ProseMirror/prosemirror-gapcursor) by Marijn Haverbeke, which adds a gap for the cursor in places that don’t allow regular selection. For example, after a table at the end of a document.
|
||||
This extension loads the [ProseMirror Dropcursor plugin](https://github.com/ProseMirror/prosemirror-dropcursor) by Marijn Haverbeke, which shows a cursor at the drop position when something is dragged over the editor.
|
||||
|
||||
Note that tiptap is renderless, but the dropcursor needs CSS for its appearance. The default CSS is added to the usage example below.
|
||||
|
||||
@@ -16,4 +16,4 @@ yarn add @tiptap/extension-dropcursor
|
||||
[packages/extension-dropcursor/](https://github.com/ueberdosis/tiptap-next/blob/main/packages/extension-dropcursor/)
|
||||
|
||||
## Usage
|
||||
<demo name="Extensions/Dropcursor" highlight="" />
|
||||
<demo name="Extensions/Dropcursor" highlight="12,33" />
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
# Focus
|
||||
The Focus extension adds a CSS class to focused nodes. By default it adds `.has-class`, but you can change that.
|
||||
|
||||
Note that it’s only a class, the styling is totally up to you. The usage example below has some CSS for that class.
|
||||
|
||||
## Installation
|
||||
```bash
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
# Collaborative editing
|
||||
|
||||
:::premium Requires Premium Extensions
|
||||
Using this example in production requires a **tiptap pro** license. [Read more](/sponsor)
|
||||
:::premium Requires pro extensions
|
||||
We kindly ask you to sponsor us, before using this example in production. [Read more](/sponsor)
|
||||
:::
|
||||
|
||||
This example shows how you can use tiptap to let different users collaboratively work on the same text in real-time.
|
||||
|
||||
@@ -16,7 +16,6 @@
|
||||
link: /examples/basic
|
||||
- title: Collaborative editing
|
||||
link: /examples/collaborative-editing
|
||||
premium: true
|
||||
- title: Markdown shortcuts
|
||||
link: /examples/markdown-shortcuts
|
||||
# - title: Menu Bubble
|
||||
@@ -163,13 +162,11 @@
|
||||
premium: true
|
||||
- title: CollaborationCursor
|
||||
link: /api/extensions/collaboration-cursor
|
||||
draft: true
|
||||
premium: true
|
||||
- title: Dropcursor
|
||||
link: /api/extensions/dropcursor
|
||||
- title: Focus
|
||||
link: /api/extensions/focus
|
||||
draft: true
|
||||
- title: Gapcursor
|
||||
link: /api/extensions/gapcursor
|
||||
- title: History
|
||||
|
||||
Reference in New Issue
Block a user