ianhitchman/tiptap
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Merge branch 'main' of github.com:ueberdosis/tiptap-next into main

Browse Source
This commit is contained in:
Hans Pagel
2021-04-08 22:12:52 +02:00
parent 527c5c7a3e 113d50b814
commit 0b7a780878
28 changed files with 104 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/src/demos/Guide/NodeViews/ReactComponentContent/Component.jsx
View File

@@ -4,7 +4,7 @@ import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
export default () => {
return (
<NodeViewWrapper className="react-component-with-content">
<span className="label" contenteditable="false">React Component</span>
<span className="label" contentEditable={false}>React Component</span>
<NodeViewContent className="content" />
</NodeViewWrapper>

4
docs/src/docPages/api/commands/clear-content.md
View File

@@ -13,9 +13,9 @@ By default, it doesn’t trigger the update event. Passing `true` doesn’t prev
## Usage
```js
// Remoe all content from the document
this.editor.commands.clearContent()
editor.commands.clearContent()
// Remove all content, and trigger the `update` event
this.editor.commands.clearContent(true)
editor.commands.clearContent(true)
```

2
docs/src/docPages/api/commands/clear-nodes.md
View File

@@ -3,6 +3,6 @@ The `clearNodes` command normalizes nodes to a simple paragraph, it even normali
## Usage
```js
this.editor.commands.clearNodes()
editor.commands.clearNodes()
```

6
docs/src/docPages/api/commands/insert-content.md
View File

@@ -11,13 +11,13 @@ The command is pretty flexible and takes plain text, HTML or even JSON as a valu
## Usage
```js
// Plain text
this.editor.commands.insertContent('Example Text')
editor.commands.insertContent('Example Text')
// HTML
this.editor.commands.insertContent('<h1>Example Text</h1>')
editor.commands.insertContent('<h1>Example Text</h1>')
// JSON/Nodes
this.editor.commands.insertContent({
editor.commands.insertContent({
type: 'heading',
attrs: {
level: 1,

4
docs/src/docPages/api/commands/set-content.md
View File

@@ -19,10 +19,10 @@ Options to configure the parsing can be passed during initialization and/or with
## Usage
```js
// HTML
this.editor.commands.setContent('<p>Example Text</p>')
editor.commands.setContent('<p>Example Text</p>')
// JSON
this.editor.commands.setContent({
editor.commands.setContent({
"type": "doc",
"content": [
{

4
docs/src/docPages/api/commands/update-attributes.md
View File

@@ -14,9 +14,9 @@ This expects an object with the attributes that need to be updated. It doesn’t
## Usage
```js
// Update node attributes
this.editor.commands.updateAttributes('heading', { level: 1 })
editor.commands.updateAttributes('heading', { level: 1 })
// Update mark attributes
this.editor.commands.updateAttributes('highlight', { color: 'pink' })
editor.commands.updateAttributes('highlight', { color: 'pink' })
```

2
docs/src/docPages/guide/node-views/react.md
View File

@@ -78,7 +78,7 @@ import { NodeViewWrapper, NodeViewContent } from '@tiptap/react'
export default () => {
return (
<NodeViewWrapper className="react-component-with-content">
<span className="label" contenteditable="false">React Component</span>
<span className="label" contentEditable={false}>React Component</span>
<NodeViewContent className="content" />
</NodeViewWrapper>