mirror of
https://github.com/ianstormtaylor/slate.git
synced 2025-02-13 11:44:55 +01:00
3339d088e1
* Add Prettier, with basic config and ESLint integration * Apply Prettier to all files using `yarn lint --fix` * Tell Prettier to ignore an empty text in a test output. * Run Prettier on JS files not handled by ESLint, and lint them too
60 lines
904 B
JavaScript
60 lines
904 B
JavaScript
/** @jsx h */
|
|
|
|
import React from 'react'
|
|
import h from '../../helpers/h'
|
|
|
|
function Code(props) {
|
|
return React.createElement(
|
|
'pre',
|
|
props.attributes,
|
|
React.createElement('code', {}, props.children)
|
|
)
|
|
}
|
|
|
|
function renderNode(props) {
|
|
switch (props.node.type) {
|
|
case 'code':
|
|
return Code(props)
|
|
}
|
|
}
|
|
|
|
export const props = {
|
|
renderNode,
|
|
}
|
|
|
|
export const value = (
|
|
<value>
|
|
<document>
|
|
<code>word</code>
|
|
<code>word</code>
|
|
<code>word</code>
|
|
</document>
|
|
</value>
|
|
)
|
|
|
|
export const output = `
|
|
<div data-slate-editor="true" contenteditable="true" role="textbox">
|
|
<pre>
|
|
<code>
|
|
<span>
|
|
<span>word</span>
|
|
</span>
|
|
</code>
|
|
</pre>
|
|
<pre>
|
|
<code>
|
|
<span>
|
|
<span>word</span>
|
|
</span>
|
|
</code>
|
|
</pre>
|
|
<pre>
|
|
<code>
|
|
<span>
|
|
<span>word</span>
|
|
</span>
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
`.trim()
|