1
0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-29 18:09:49 +02:00

update plugins reference

This commit is contained in:
Ian Storm Taylor
2016-07-12 10:38:32 -07:00
parent 3801f956c6
commit 8c9bbc50f2

View File

@@ -130,10 +130,10 @@ The component will be called with a set of properties:
/> />
``` ```
- `attributes: Object` — a dictionary of attributes that **you must** add to the top-level element of the rendered component. Using the [Object Spread Syntax (Stage 2)](https://github.com/sebmarkbage/ecmascript-rest-spread) this is as easy as `...props.attributes`. - `attributes` — a dictionary of attributes that **you must** add to the top-level element of the rendered component. Using the [Object Spread Syntax (Stage 2)](https://github.com/sebmarkbage/ecmascript-rest-spread) this is as easy as `...props.attributes`.
- `children: Any` — a set of React element children that **you must** render as the leaf element in your component. - `children` — a set of React element children that **you must** render as the leaf element in your component.
- `node: Node` the node being rendered. - `node` the node being rendered.
- `state: State` the current state of the editor. - `state` the current state of the editor.
Such that a simple code block renderer might look like this: Such that a simple code block renderer might look like this:
@@ -142,14 +142,14 @@ const CodeBlockRenderer = (props) => {
return ( return (
<pre {...props.attributes}> <pre {...props.attributes}>
<code> <code>
{children} {props.children}
</code> </code>
</pre> </pre>
) )
} }
``` ```
The `node` itself is passed in, such that you can access any custom data associated with it from its `data` property. The `node` itself is passed in, so you can access any custom data associated with it via its `data` property.
## Other Properties ## Other Properties