diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.vue b/docs/src/demos/Examples/CollaborativeEditing/index.vue index ec7f96cf..bba1e2ac 100644 --- a/docs/src/demos/Examples/CollaborativeEditing/index.vue +++ b/docs/src/demos/Examples/CollaborativeEditing/index.vue @@ -5,18 +5,16 @@
- {{ status }} +
-
+
-
@@ -172,21 +170,20 @@ export default { justify-content: space-between; flex-wrap: wrap; white-space: nowrap; - padding: 0.25rem 0 0.25rem 0.25rem; border-top: 1px solid rgba(black, 0.1); + font-size: 13px; + font-weight: 500; + color: rgba(black, 0.5); + white-space: nowrap; + padding: 0.25rem 0.75rem; } /* Some information about the status */ &__status { display: flex; align-items: center; - font-size: 13px; - font-weight: 500; border-radius: 5px; margin-top: 1rem; - padding: 0.25rem 0.5rem; - color: rgba(black, 0.5); - white-space: nowrap; &::before { content: ' '; @@ -200,7 +197,7 @@ export default { } &--connecting::before { - background: #FD9170; + background: #616161; } &--connected::before { @@ -208,7 +205,7 @@ export default { } } - &__actions { + &__name { button { background: none; border: none; diff --git a/docs/src/docPages/api/commands.md b/docs/src/docPages/api/commands.md index 0103e3f0..439c8aaa 100644 --- a/docs/src/docPages/api/commands.md +++ b/docs/src/docPages/api/commands.md @@ -71,7 +71,7 @@ Both calls would return `true` if it’s possible to apply the commands, and `fa In order to make that work with your custom commands, don’t forget to return `true` or `false`. -For some of your own commands, you probably want to work with the raw [transaction](/api/overview). To make them work with `.can()` you should check if the transaction should be dispatched. Here is how we do that within `.insertText()`: +For some of your own commands, you probably want to work with the raw [transaction](/api/concept). To make them work with `.can()` you should check if the transaction should be dispatched. Here is how we do that within `.insertText()`: ```js export default (value: string): Command => ({ tr, dispatch }) => { diff --git a/docs/src/docPages/api/editor.md b/docs/src/docPages/api/editor.md index 32747e9c..950980b2 100644 --- a/docs/src/docPages/api/editor.md +++ b/docs/src/docPages/api/editor.md @@ -21,7 +21,11 @@ new Editor({ }) ``` -If you don’t pass an element, tiptap will create an invisible `
`. You can use that to mount your editor after it’s already initiated: `yourElement.append(editor.options.element)` +You can even initiate your editor before mounting it to an element. This is useful when your DOM is not yet available. Just leave out the `element`, we’ll create one for you. Append it to your container at a later date like that: + +```js +yourContainerElement.append(editor.options.element) +``` ### Extensions It’s required to pass a list of extensions to the `extensions` property, even if you only want to allow paragraphs. diff --git a/docs/src/links.yaml b/docs/src/links.yaml index 67d75b23..1f8f09a7 100644 --- a/docs/src/links.yaml +++ b/docs/src/links.yaml @@ -104,7 +104,7 @@ - title: API items: - title: Concept - link: /api/overview + link: /api/concept - title: Editor link: /api/editor - title: Commands diff --git a/docs/static/_redirects b/docs/static/_redirects index 1138e57d..b66aa4ea 100644 --- a/docs/static/_redirects +++ b/docs/static/_redirects @@ -1,4 +1,4 @@ /overview / /examples /examples/basic /guide /guide/get-started -/api /api/overview +/api /api/concept