{"_id":"@bmsterling/slate-editor-renderer","_rev":"1-d2b5324ccf59c7329103348a72306508","name":"@bmsterling/slate-editor-renderer","dist-tags":{"latest":"1.2.9"},"versions":{"1.2.9":{"name":"@bmsterling/slate-editor-renderer","version":"1.2.9","description":"Renderers for slate nodes and marks","main":"lib/index.js","scripts":{"test":"jest src","prepublish":"../../node_modules/.bin/babel src -d lib --copy-files"},"author":"","license":"MIT","publishConfig":{"access":"public"},"devDependencies":{"jest":"^22.4.2","react-test-renderer":"^16.2.0"},"peerDependencies":{"react":"^0.14.0 || ^15.0.0 || 16.x","react-dom":"^0.14.0 || ^15.0.0 || 16.x","slate":"^0.33.0","styled-components":"^3.2.1"},"dependencies":{"@canner/slate-helper-inline-adddata":"^0.1.2","emoji-mart":"^2.5.0","js-video-url-parser":"^0.2.7","lodash.mapvalues":"^4.6.0","quill-icons":"^0.6.0","react-icons":"^2.2.7","react-loading-image":"^0.4.0","react-resizable":"^1.7.5","slate-edit-table":"^0.15.0-alpha.4"},"_id":"@bmsterling/slate-editor-renderer@1.2.9","_npmVersion":"5.6.0","_nodeVersion":"8.9.4","_npmUser":{"name":"bmsterling","email":"benjamin.sterling@kenzomedia.com"},"dist":{"integrity":"sha512-1CejwDQhaJ6lNWqKyM4NfUnf7fgitVakALL7iuwCiZerHM+6votJM/iLs8CT0DiqtLHbdq3y6fZ1CvHgJyVLUQ==","shasum":"a711a98c408a48fef2b4fb94d838b2b435e90e23","tarball":"https://registry.npmjs.org/@bmsterling/slate-editor-renderer/-/slate-editor-renderer-1.2.9.tgz","fileCount":33,"unpackedSize":205875,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJa40VkCRA9TVsSAnZWagAAtcIP/218j32NG00dekVQEKNg\nKb6DBvWDzxf9y1Ge6m4S0AER8GnVCGhHn1QPi5KlXL7SqfLf2ISeClvyervP\nb9D4WyQkdL5HHutDYoSsNJWFRCfqGV6uouF9yaWuL+B2wzdyjDhaOR1PXHWy\nIbolK4rPHou1HPbqiSwQQul4Vj2LcHZ1r7aWPZ2PYH6Rz47dfxn9ZFQNdUdz\nndXAQhupPfhNfp254BGO75EiGkoXV/YqGLbIirOfPHdSLRs7uW+RecaJyR4g\nbBm11XiJZ42LPEIv46AtBRHtYbfRKX39HoGNgkBwXHh2Fq6NkdYfb7bITFKm\n0tZSrNnHkavbptBObhzS2+rekH1I7F86njhsxACjB9ehMN9iy9Xw4UVmmgK1\nJslvbIdfv4doxKy3r9aBx35m/nuIsmvgPEWjqUtQ5TP3+l2BRkm/xPWzwqC2\nJ1gHHHuNyZYZcqx7gBSep3GCUl7vclY3osNjGW8o7Lh21zKuZgcGe5W5UQkf\nlT48+Tu7A+bCDPJhOtyuowoC9C9DkcyYKn06o1TN4HabpU1n3ltiCoaWHf6Z\n3UXv765H+11YmyrgBKhNVs0rWQcD8J2dJauvMqNexxSjJyMNR48WFXxViird\neL5PhmcVbjFR1I+24cKHRC9PRwM27EbN6vblQ3PphQe+ri/dO6XjMBBhdt9B\nw/oL\r\n=MC6R\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZpTcLpCafeU0oAW78KxE9S2d5yrl6YU+UbRtgn/lovAiEA4uu25H6mp71K4BcYuW9+U7AK+H7eQ9HgQJVmMtX35Zc="}]},"maintainers":[{"name":"bmsterling","email":"benjamin.sterling@kenzomedia.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/slate-editor-renderer_1.2.9_1524843874828_0.18508935278929783"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-27T15:44:34.775Z","1.2.9":"2018-04-27T15:44:34.970Z","modified":"2022-04-04T19:52:50.465Z"},"maintainers":[{"name":"bmsterling","email":"benjamin.sterling@kenzomedia.com"}],"description":"Renderers for slate nodes and marks","license":"MIT","readme":"# @canner/slate-editor-renderer\n\n[![npm version](https://badge.fury.io/js/%40canner%2Fslate-editor-renderer.svg)](https://badge.fury.io/js/%40canner%2Fslate-editor-renderer)\n\n**NOTE: You should directly use it's plugin instead of writing render function.**\n\n```js\nimport renderer from '@canner/slate-editor-renderer';\n```\n\nRenderers that define corresponding nodes and marks while rendering your editor. \n\nmethods:\n\n### commonNode(TagName) => React.Element<TagName>\n\nIf you want to render general tag names for nodes such as `p`, `blockquote`, `h1`, `h2`, etc...\n\n### commonMark(TagName, styleKey?, styleValue?)\n\nIf you want to render general tag names for nodes such as `span`, `strong`, `code`, `i`, etc...\n\n### emojiNode()\nrendering emoji\n\n### imageNode()\nrendering video\n\n### linkNode()\nrenderling inline links\n\n### videoNode(source: 'youtube' | 'dailymotion' | 'youku' | 'vimeo')\nrendering video\n\nSupported video sources:\n  * youtube\n  * dailymotion\n  * youku\n  * vimeo\n\n### Complete example:\n\n```js\n\n// all cases\nfunction renderMark(props) { // pass this function to your editor's renderMark prop\n  switch (props.mark.type) {\n    case 'bold':\n      return commonMark('strong')(props);\n    case 'code':\n      return commonMark('code')(props);\n    case 'fontBgColor':\n      return commonMark('span', 'backgroundColor', 'color')(props);\n    case 'fontColor':\n      return commonMark('span', 'color', 'color')(props);\n    case 'fontSize':\n      return commonMark('span', 'fontSize')(props);\n    case 'letterSpacing':\n      return commonMark('span', 'letterSpacing')(props);\n    case 'italic':\n      return commonMark('i')(props);\n    case 'strikethrough':\n      return commonMark('s')(props);\n    case 'underline':\n      return commonMark('u')(props);\n  }\n}\n\nfunction renderNode(props) { // pass this function to your editor's renderNode prop\n  switch (props.node.type) {\n    case 'paragraph':\n      return commonNode('p')(props);\n    case 'blockquote':\n      return commonNode('blockquote')(props);\n    case 'emoji':\n      return emojiNode()(props);\n    case 'heading1':\n      return commonNode('h1')(props);\n    case 'heading2':\n      return commonNode('h2')(props);\n    case 'list-ul':\n      return commonNode('ul')(props);\n    case 'list-ol':\n      return commonNode('ol')(props);\n    case 'list-item':\n      return commonNode('li')(props);\n    case 'image':\n      return imageNode()(props);\n    case 'link':\n      return linkNode()(props);\n    case 'youtube':\n      return videoNode('youtube')(props);\n    case 'dailymotion':\n      return videoNode('dailymotion')(props);\n    case 'youku':\n      return videoNode('youku')(props);\n    case 'vimeo':\n      return videoNode('vimeo')(props);\n  }\n}\n```\n","readmeFilename":"README.md"}