mirror of
https://github.com/ianstormtaylor/slate.git
synced 2025-02-13 11:44:55 +01:00
adb2678732
* rename state to value in slate core, as deprecation * rename all references to state to value in slate core * migrate slate-base64-serializer * migrate slate-html-serializer * migrate slate-hyperscript * migrate slate-plain-serializer * migrate slate-prop-types * migrate slate-simulator * fix change.setState compat * deprecate references to state in slate-react * remove all references to state in slate-react * remove `value` and `schema` from props to all components * fix default renderPlaceholder * fix tests * update examples * update walkthroughs * update guides * update reference
44 lines
903 B
JavaScript
44 lines
903 B
JavaScript
/** @jsx h */
|
|
|
|
import React from 'react'
|
|
import h from '../../helpers/h'
|
|
|
|
function Image(props) {
|
|
return (
|
|
React.createElement('img', { src: props.node.data.get('src'), ...props.attributes })
|
|
)
|
|
}
|
|
|
|
function renderNode(props) {
|
|
switch (props.node.type) {
|
|
case 'image': return Image(props)
|
|
}
|
|
}
|
|
|
|
export const props = {
|
|
renderNode,
|
|
}
|
|
|
|
export const value = (
|
|
<value>
|
|
<document>
|
|
<image src="https://example.com/image.png" />
|
|
</document>
|
|
</value>
|
|
)
|
|
|
|
export const output = `
|
|
<div data-slate-editor="true" contenteditable="true" role="textbox">
|
|
<div data-slate-void="true" contenteditable="false">
|
|
<div contenteditable="true" data-slate-spacer="true" style="height:0;color:transparent;outline:none">
|
|
<span>
|
|
<span></span>
|
|
</span>
|
|
</div>
|
|
<div draggable="true">
|
|
<img src="https://example.com/image.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`.trim()
|