@20minutes/draft-convert
Version:
Extensibly serialize & deserialize Draft.js ContentState
37 lines (36 loc) • 1.53 kB
JavaScript
import React from 'react';
// based on Draft.js' custom list depth styling
const ORDERED_LIST_TYPES = [
'1',
'a',
'i'
];
export default {
unstyled: /*#__PURE__*/ React.createElement("p", null),
paragraph: /*#__PURE__*/ React.createElement("p", null),
'header-one': /*#__PURE__*/ React.createElement("h1", null),
'header-two': /*#__PURE__*/ React.createElement("h2", null),
'header-two-unordered': /*#__PURE__*/ React.createElement("h2", null),
'header-two-ordered': /*#__PURE__*/ React.createElement("h2", null),
'header-three': /*#__PURE__*/ React.createElement("h3", null),
'header-four': /*#__PURE__*/ React.createElement("h4", null),
'header-five': /*#__PURE__*/ React.createElement("h5", null),
'header-six': /*#__PURE__*/ React.createElement("h6", null),
'code-block': /*#__PURE__*/ React.createElement("pre", null),
blockquote: /*#__PURE__*/ React.createElement("blockquote", null),
'unordered-list-item': {
element: /*#__PURE__*/ React.createElement("li", null),
nest: /*#__PURE__*/ React.createElement("ul", null)
},
'ordered-list-item': {
element: /*#__PURE__*/ React.createElement("li", null),
nest: (depth)=>{
const type = ORDERED_LIST_TYPES[depth % 3];
return /*#__PURE__*/ React.createElement("ol", {
type: type
});
}
},
media: /*#__PURE__*/ React.createElement("figure", null),
atomic: /*#__PURE__*/ React.createElement("figure", null)
};