@@ -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