{"componentChunkName":"component---node-modules-draftbox-co-gatsby-draftbox-balsa-theme-src-templates-post-template-amp-tsx","path":"/powerful-editor-built-for-pro-content-creators/amp/","result":{"data":{"draftboxPost":{"title":"Powerful editor built for pro content creators","excerpt":"At Draftbox, we're committed to providing the best writing experience to our creators.","markdownBody":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Image = makeShortcode(\"Image\");\nvar ImageGallery = makeShortcode(\"ImageGallery\");\nvar YouTube = makeShortcode(\"YouTube\");\nvar Tweet = makeShortcode(\"Tweet\");\nvar Spotify = makeShortcode(\"Spotify\");\nvar Notice = makeShortcode(\"Notice\");\nvar HtmlSnippet = makeShortcode(\"HtmlSnippet\");\nvar Bookmark = makeShortcode(\"Bookmark\");\nvar layoutProps = {};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"At Draftbox, we're committed to providing the best writing experience to our creators. We've engineered a powerful editor to help you craft engaging and captivating content.\"), mdx(\"h1\", null, \"Heading 1\"), mdx(\"h2\", null, \"Heading 2\"), mdx(\"h3\", null, \"Heading 3\"), mdx(\"p\", null, \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.\"), mdx(\"hr\", null), mdx(\"h2\", null, \"Inline text elements\"), mdx(\"p\", null, mdx(\"del\", {\n    parentName: \"p\"\n  }, \"This line of text is meant to be treated as no longer accurate.\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"This line of text will render as underlined\")), mdx(\"p\", null, mdx(\"strong\", {\n    parentName: \"p\"\n  }, \"This line rendered as bold text.\")), mdx(\"mark\", null, \"This line rendered as highlighted text.\"), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"This line rendered as italicized text.\")), mdx(\"blockquote\", null, mdx(\"p\", {\n    parentName: \"blockquote\"\n  }, mdx(\"em\", {\n    parentName: \"p\"\n  }, \"This text is in blockquote format.\"))), mdx(\"hr\", null), mdx(\"h2\", null, \"List\"), mdx(\"p\", null, \"Here's an unordered list of latin phrases:\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Lorem ipsum dolor sit amet\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Consectetur adipiscing elit\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Integer molestie lorem at massa\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Facilisis in pretium nisl aliquet\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Nulla volutpat aliquam velit\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Phasellus iaculis neque\"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Eget porttitor lorem\")), mdx(\"p\", null, \"Here's an ordered list:\"), mdx(\"ol\", null, mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Purus sodales ultricies\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Vestibulum laoreet porttitor sem\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Ac tristique libero volutpat at\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Faucibus porta lacus fringilla vel\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Aenean sit amet erat nunc\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Eget porttitor lorem\"), mdx(\"li\", {\n    parentName: \"ol\"\n  }, \"Phasellus iaculis neque\")), mdx(\"p\", null, \"Here\\u2019s a todo list:\"), mdx(\"ul\", {\n    \"className\": \"contains-task-list\"\n  }, mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": true,\n    \"disabled\": true\n  })), \" \", \"List item 1\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"List item 2\"), mdx(\"li\", _extends({\n    parentName: \"ul\"\n  }, {\n    \"className\": \"task-list-item\"\n  }), mdx(\"input\", _extends({\n    parentName: \"li\"\n  }, {\n    \"type\": \"checkbox\",\n    \"checked\": false,\n    \"disabled\": true\n  })), \" \", \"List item 3\")), mdx(\"hr\", null), mdx(\"h2\", null, \"What about image and image caption?\"), mdx(\"p\", null, \"Don't worry! We've got you covered. \\xA0\"), mdx(Image, {\n    fluidResult: {\n      \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAHe6cC4LiH/AP/EABoQAAIDAQEAAAAAAAAAAAAAAAECABESAyH/2gAIAQEAAQUCYhizgLszoTb6r2f/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8Bla//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPwGH/8QAGxAAAQQDAAAAAAAAAAAAAAAAAAEQETESMqH/2gAIAQEABj8CTIiCkbbhZ//EABsQAAMAAgMAAAAAAAAAAAAAAAABESFxoeHw/9oACAEBAAE/IZgahLsB9AQc8CPpHuH/2gAMAwEAAgADAAAAELMf/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARMf/aAAgBAwEBPxDU5Kv/xAAXEQADAQAAAAAAAAAAAAAAAAAAASER/9oACAECAQE/EHSpiP/EABsQAQADAAMBAAAAAAAAAAAAAAEAESExQVFx/9oACAEBAAE/EPJBdXAwinLkY5R1iBtL5BO8gykU1h+z/9k=\",\n      \"aspectRatio\": 1.5,\n      \"src\": \"/static/cd412c3b3a4ca502a06468135620cee0/e5166/content_1602629157978.jpg\",\n      \"srcSet\": \"/static/cd412c3b3a4ca502a06468135620cee0/f93b5/content_1602629157978.jpg 300w,\\n/static/cd412c3b3a4ca502a06468135620cee0/b4294/content_1602629157978.jpg 600w,\\n/static/cd412c3b3a4ca502a06468135620cee0/e5166/content_1602629157978.jpg 1200w,\\n/static/cd412c3b3a4ca502a06468135620cee0/d9c39/content_1602629157978.jpg 1800w,\\n/static/cd412c3b3a4ca502a06468135620cee0/3acf0/content_1602629157978.jpg 2000w\",\n      \"srcSetType\": \"image/jpeg\",\n      \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n      \"originalImg\": \"/static/cd412c3b3a4ca502a06468135620cee0/3acf0/content_1602629157978.jpg\",\n      \"originalName\": \"content_1602629157978.jpg\",\n      \"presentationWidth\": 1200,\n      \"presentationHeight\": 800\n    },\n    caption: \"Default size\",\n    size: \"default\",\n    alt: \"Default size\",\n    src: \"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1602629157978.jpg\",\n    naturalHeight: \"0\",\n    naturalWidth: \"0\",\n    mdxType: \"Image\"\n  }), mdx(Image, {\n    fluidResult: {\n      \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAMEAQX/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAABTRzHBRpGKf8A/8QAGRAAAwEBAQAAAAAAAAAAAAAAAAECEQMS/9oACAEBAAEFAonSowek20V0bXo//8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECEf/aAAgBAwEBPwGXJsn/xAAWEQEBAQAAAAAAAAAAAAAAAAACABH/2gAIAQIBAT8BRW2K/8QAFhABAQEAAAAAAAAAAAAAAAAAMQAg/9oACAEBAAY/AiM//8QAGhABAQACAwAAAAAAAAAAAAAAAQAQETFBYf/aAAgBAQABPyHuIteAPGICvkvd/9oADAMBAAIAAwAAABDwz//EABgRAAMBAQAAAAAAAAAAAAAAAAABESEx/9oACAEDAQE/EI8Q78P/xAAYEQACAwAAAAAAAAAAAAAAAAAAARExQf/aAAgBAgEBPxDTFFZ//8QAGxABAAIDAQEAAAAAAAAAAAAAAQARITFhUZH/2gAIAQEAAT8QVGU8SK7QsEjEKnGZQvHY4GrBuPW/s//Z\",\n      \"aspectRatio\": 1.5,\n      \"src\": \"/static/a1413d3f280d96768c253b7e1afe434d/e5166/content_1602629167646.jpg\",\n      \"srcSet\": \"/static/a1413d3f280d96768c253b7e1afe434d/f93b5/content_1602629167646.jpg 300w,\\n/static/a1413d3f280d96768c253b7e1afe434d/b4294/content_1602629167646.jpg 600w,\\n/static/a1413d3f280d96768c253b7e1afe434d/e5166/content_1602629167646.jpg 1200w,\\n/static/a1413d3f280d96768c253b7e1afe434d/d9c39/content_1602629167646.jpg 1800w,\\n/static/a1413d3f280d96768c253b7e1afe434d/3acf0/content_1602629167646.jpg 2000w\",\n      \"srcSetType\": \"image/jpeg\",\n      \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n      \"originalImg\": \"/static/a1413d3f280d96768c253b7e1afe434d/3acf0/content_1602629167646.jpg\",\n      \"originalName\": \"content_1602629167646.jpg\",\n      \"presentationWidth\": 1200,\n      \"presentationHeight\": 800\n    },\n    caption: \"Large size\",\n    size: \"large\",\n    alt: \"Large size\",\n    src: \"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1602629167646.jpg\",\n    naturalHeight: \"0\",\n    naturalWidth: \"0\",\n    mdxType: \"Image\"\n  }), mdx(ImageGallery, {\n    caption: \"Image gallery\",\n    items: [{\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586932589.jpg\",\n      \"height\": 305.6537102473498,\n      \"width\": 204.8,\n      \"naturalHeight\": 3000,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGQAAAgMBAAAAAAAAAAAAAAAAAAMBAgQF/8QAFgEBAQEAAAAAAAAAAAAAAAAAAQID/9oADAMBAAIQAxAAAAFVdrY34xvAbe7M7WSFf//EABsQAAIDAQEBAAAAAAAAAAAAAAECAAMhEBES/9oACAEBAAEFAlrwrkQcNet6VrBXiT7wT//EABgRAAIDAAAAAAAAAAAAAAAAAAABEBES/9oACAEDAQE/AaRif//EABYRAQEBAAAAAAAAAAAAAAAAAAASEf/aAAgBAgEBPwHcUpT/xAAcEAABAwUAAAAAAAAAAAAAAAAAECExAQIRICL/2gAIAQEABj8CchMpJzUe3X//xAAdEAACAwACAwAAAAAAAAAAAAAAAREhMWGBUXGx/9oACAEBAAE/IdkpeEf0GrLKCTeuuRYpARHGk+qPMjhuo7GSp30QeIoWFrfs/9oADAMBAAIAAwAAABDM+0z/xAAZEQACAwEAAAAAAAAAAAAAAAAAAREhYXH/2gAIAQMBAT8Qmo7GsEf/xAAWEQEBAQAAAAAAAAAAAAAAAAABEBH/2gAIAQIBAT8QEINR/8QAHhABAAMAAQUBAAAAAAAAAAAAAQARITFBUWFxkdH/2gAIAQEAAT8QoqUGh2ghwrmjsIQDXqN3SUV0gtWroLfsGrp4A/YcWyJv6luG9Vq9E0BTsNIWFe3aBngmmK2E5mDyOeU//9k=\",\n        \"aspectRatio\": 0.6666666666666666,\n        \"src\": \"/static/a342cb0d7ad1fc5b66735c6867eb7e6b/3acf0/content_1604586932589.jpg\",\n        \"srcSet\": \"/static/a342cb0d7ad1fc5b66735c6867eb7e6b/41099/content_1604586932589.jpg 500w,\\n/static/a342cb0d7ad1fc5b66735c6867eb7e6b/a2510/content_1604586932589.jpg 1000w,\\n/static/a342cb0d7ad1fc5b66735c6867eb7e6b/3acf0/content_1604586932589.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/a342cb0d7ad1fc5b66735c6867eb7e6b/3acf0/content_1604586932589.jpg\",\n        \"originalName\": \"content_1604586932589.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 3000\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586929799.jpg\",\n      \"height\": 305.6537102473498,\n      \"width\": 458.5,\n      \"naturalHeight\": 1333,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQBAgP/xAAUAQEAAAAAAAAAAAAAAAAAAAAD/9oADAMBAAIQAxAAAAHe6cC4LiH/AP/EABoQAAIDAQEAAAAAAAAAAAAAAAECABESAyH/2gAIAQEAAQUCYhizgLszoTb6r2f/xAAWEQEBAQAAAAAAAAAAAAAAAAAAARH/2gAIAQMBAT8Bla//xAAVEQEBAAAAAAAAAAAAAAAAAAAQEf/aAAgBAgEBPwGH/8QAGxAAAQQDAAAAAAAAAAAAAAAAAAEQETESMqH/2gAIAQEABj8CTIiCkbbhZ//EABsQAAMAAgMAAAAAAAAAAAAAAAABESFxoeHw/9oACAEBAAE/IZgahLsB9AQc8CPpHuH/2gAMAwEAAgADAAAAELMf/8QAFxEBAQEBAAAAAAAAAAAAAAAAAQARMf/aAAgBAwEBPxDU5Kv/xAAXEQADAQAAAAAAAAAAAAAAAAAAASER/9oACAECAQE/EHSpiP/EABsQAQADAAMBAAAAAAAAAAAAAAEAESExQVFx/9oACAEBAAE/EPJBdXAwinLkY5R1iBtL5BO8gykU1h+z/9k=\",\n        \"aspectRatio\": 1.5015015015015014,\n        \"src\": \"/static/cd412c3b3a4ca502a06468135620cee0/3acf0/content_1604586929799.jpg\",\n        \"srcSet\": \"/static/cd412c3b3a4ca502a06468135620cee0/41099/content_1604586929799.jpg 500w,\\n/static/cd412c3b3a4ca502a06468135620cee0/a2510/content_1604586929799.jpg 1000w,\\n/static/cd412c3b3a4ca502a06468135620cee0/3acf0/content_1604586929799.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/cd412c3b3a4ca502a06468135620cee0/3acf0/content_1604586929799.jpg\",\n        \"originalName\": \"content_1604586929799.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 1333\n      }\n    }, {\n      \"src\": \"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586933178.jpg\",\n      \"height\": 305.6537102473498,\n      \"width\": 201.7,\n      \"naturalHeight\": 3020,\n      \"naturalWidth\": 2000,\n      \"fluidResult\": {\n        \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAeABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDBAX/xAAWAQEBAQAAAAAAAAAAAAAAAAABAAL/2gAMAwEAAhADEAAAAZ0pdMoxMLctjbmcT//EABoQAAMAAwEAAAAAAAAAAAAAAAABAgMREhP/2gAIAQEAAQUCx4jx6PGSNnWh2xW2ryNzd7arR2zZ/8QAGhEAAgIDAAAAAAAAAAAAAAAAAAECAxAiUf/aAAgBAwEBPwFV9NRSeP/EABkRAAEFAAAAAAAAAAAAAAAAAAABEBESIf/aAAgBAgEBPwGxpCN//8QAGhAAAgIDAAAAAAAAAAAAAAAAADEBIRARIP/aAAgBAQAGPwK50PFiF3//xAAZEAADAQEBAAAAAAAAAAAAAAAAASERMUH/2gAIAQEAAT8hZmoCVujOMXEabbOfCLaMineogI1Rm6g4KlG5/9oADAMBAAIAAwAAABB8Krz/xAAYEQADAQEAAAAAAAAAAAAAAAAAARFBof/aAAgBAwEBPxBEqETOEEbKf//EABcRAQEBAQAAAAAAAAAAAAAAAAERECH/2gAIAQIBAT8QVeOWlmf/xAAbEAEAAgMBAQAAAAAAAAAAAAABABEhMUFRYf/aAAgBAQABPxAa+YYsWj2tzTFTsIbFBd0paHfty1QwLmPkon0YgcEUOg5mb4rV1HCuxZkp5EM//9k=\",\n        \"aspectRatio\": 0.6622516556291391,\n        \"src\": \"/static/358d6204dcb2f62c1b92b6c40b37d883/3acf0/content_1604586933178.jpg\",\n        \"srcSet\": \"/static/358d6204dcb2f62c1b92b6c40b37d883/41099/content_1604586933178.jpg 500w,\\n/static/358d6204dcb2f62c1b92b6c40b37d883/a2510/content_1604586933178.jpg 1000w,\\n/static/358d6204dcb2f62c1b92b6c40b37d883/3acf0/content_1604586933178.jpg 2000w\",\n        \"srcSetType\": \"image/jpeg\",\n        \"sizes\": \"(max-width: 2000px) 100vw, 2000px\",\n        \"originalImg\": \"/static/358d6204dcb2f62c1b92b6c40b37d883/3acf0/content_1604586933178.jpg\",\n        \"originalName\": \"content_1604586933178.jpg\",\n        \"presentationWidth\": 2000,\n        \"presentationHeight\": 3020\n      }\n    }],\n    mdxType: \"ImageGallery\"\n  }), mdx(\"hr\", null), mdx(\"h2\", null, \"Draftbox editor also supports embeds:\"), mdx(\"p\", null, \"Our creators often embed social content in their blogs.\"), mdx(YouTube, {\n    caption: null,\n    youTubeId: \"9bZkp7q19f0\",\n    mdxType: \"YouTube\"\n  }), mdx(Tweet, {\n    caption: null,\n    tweetLink: \"https://twitter.com/TheEllenShow/status/440322224407314432?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E440322224407314432%7Ctwgr%5Eshare_3&ref_url=https%3A%2F%2Fbuilt-with-draftbox-2730.netlify.app%2Feditor-built-for-pro-content-creators\",\n    mdxType: \"Tweet\"\n  }), mdx(Spotify, {\n    caption: null,\n    spotifyLink: \"track/3dkIE8P7hvl3tHl9KSb6dA\",\n    mdxType: \"Spotify\"\n  }), mdx(\"hr\", null), mdx(\"h2\", null, \"Our editors have tons of features for dev bloggers as well:\"), mdx(\"p\", null, \"You can embed GitHub gist, CodePen, code snippets and even\\xA0\", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"inline code\"), \". Here\\u2019s a snippet of code from vintage Facebook code repo:\"), mdx(\"pre\", null, mdx(\"code\", _extends({\n    parentName: \"pre\"\n  }, {\n    \"className\": \"language-javascript\"\n  }), \"\\nmy $id = $input{id};\\nmy $user = $input{user};\\nmy $code = $input{code};\\nmy $course = 0;#$input{course};\\nmy @node;my @edge;\\n\\\\\\\\#my $db_data = Mysql->connect(\\\"69.28.179.12\\\", \\\"login\\\", \\\"mark\\\", $pass);\\nmy $db_data = Mysql->connect(\\\"$cookies{host}\\\", \\\"$cookies{db}\\\", \\\"mark\\\", $pass);\\nmy $map;\\nif ($ENV{'HTTP_HOST'} =\\\\\\\\\\\\~ m/^(.\\\\\\\\\\\\*)\\\\\\\\\\\\\\\\.thefacebook\\\\\\\\\\\\\\\\.com/) {    $map = $1;}\\n\")), mdx(\"hr\", null), mdx(\"h2\", null, \"Want to grab attention of your readers?\"), mdx(\"p\", null, \"Notice blocks can be really helpful while writing long, text-heavy content.\"), mdx(Notice, {\n    type: \"info\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"This is an info note.\")), mdx(Notice, {\n    type: \"warning\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"This is a warning note.\")), mdx(Notice, {\n    type: \"tip\",\n    mdxType: \"Notice\"\n  }, mdx(\"p\", null, \"This is a tip.\")), mdx(\"hr\", null), mdx(\"h2\", null, \"And if there\\u2019s something missing, you can always add custom HTML snippets:\"), mdx(\"p\", null, \"Here\\u2019s a callout added using HTML snippet:\"), mdx(HtmlSnippet, {\n    data: {\n      snippet: \"<section style=\\\"width: inherit;background: aliceblue;padding: 24px;border-radius: 4px;\\\">\\n  <div style=\\\"display: flex; flex-wrap: wrap; align-items: center; width: 100%\\\">\\n    <div style=\\\"flex: 1;\\\">\\n      <span class=\\\"text-sm font-semibold\\\" style=\\\"\\n    opacity: 0.75;\\n\\\">Powered by Gatsby</span>\\n      <h2 class=\\\"text-5xl mt-4 mb-6 leading-tight font-heading\\\" style=\\\"\\n    margin: 0.2em 0;\\n\\\">Publish blog with superpowers</h2>\\n      <a class=\\\"text-lg text-blue-700 hover:underline\\\" href=\\\"https://draftbox.co\\\">Learn more »</a>\\n    </div>\\n    <div style=\\\"flex: 1;border-radius: 4px;min-width: 300px;\\\"><img src=\\\"https://res.cloudinary.com/thinkcdnimages/image/upload/v1602627535/Draftbox/blogging.png\\\" alt=\\\"blogging\\\" style=\\\"width: auto;border-radius: 4px;background: transparent;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\\\"></div>\\n  </div>\\n</section>\"\n    },\n    mdxType: \"HtmlSnippet\"\n  }), mdx(\"hr\", null), mdx(\"h2\", null, \"Link card\"), mdx(\"p\", null, \"Here\\u2019s  a link to Draftbox website in card format:\"), mdx(Bookmark, {\n    cardInfo: {\n      data: {\n        \"type\": \"bookmark\",\n        \"url\": \"https://draftbox.co\",\n        \"metadata\": {\n          \"url\": \"https://draftbox.co\",\n          \"title\": \"Draftbox | Publish blog with superpowers\",\n          \"description\": \"We built Draftbox so you can focus on what matters — content. Leave your worries about performance, user experience, SEO, security, and scalability to us. Draftbox is a no-code JAMstack blogging platform, built on Gatsby.\",\n          \"author\": null,\n          \"publisher\": \"Draftbox | Publish blog with superpowers\",\n          \"thumbnail\": \"https://draftbox.co/static/ad4b5aabe7d8412bb0e9d37d7aa8eedf/f3583/og_image.png\",\n          \"icon\": \"https://draftbox.co/icons/icon-512x512.png?v=e015750a5b880a7b736fbc76d02c9b72\",\n          \"thumbnailHeight\": 630,\n          \"thumbnailWidth\": 1200\n        }\n      }\n    },\n    mdxType: \"Bookmark\"\n  }), mdx(\"hr\", null), mdx(\"p\", null, \"Did we miss anything? Let us know in comments.\"));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"powerful-editor-built-for-pro-content-creators","postSeoSlug":"powerful-editor-built-for-pro-content-creators/","publishedAt":"30 December 2020","updatedAt":"30 December 2020","primaryAuthor":{"name":"Keyur Raval","slug":"keyur-raval-1","profileImage":null},"authors":[{"name":"Keyur Raval","slug":"keyur-raval-1","profileImage":null}],"readingTimeStr":"3 min read","primaryTag":{"name":"Getting Started","slug":"getting-started"},"tags":[{"name":"Getting Started","slug":"getting-started"}],"featured":false,"featureImage":{"publicURL":"/static/ef6ef4d1339efff5221da40750ae5e4d/featurePost_1606394094249.jpg","childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='225'%20viewBox='0%200%20400%20225'%20preserveAspectRatio='none'%3e%3cpath%20d='M226%2025l-3%203%202%202%202%201-2%202c-2%200-3%202-3%202h-1l-3-2c-1%201%200%202%201%203%202%203%202%203%201%205h-3l-3-2%201-2c4-3%201-2-8%203-10%206-13%209-9%207%202%200%202%200-2%204l-5%207-4%208-4%203c-4%205-4%209%200%2010%203%201%202%203-1%207l-4%202-1-1-2%202-1%202-1-1-1-1-2-2c0-4-2-3-7%203-8%208-22%2026-24%2029-1%202%204%207%2023%2025a3788%203788%200%200166%2061c3%203%206%203%206%200%200-1%202-3%206-5l7-7c0-2%202-3%203-3%202%200%204-3%204-5l1-1v-2c1%201%202%200%203-1%201-2%203-2%204-1%202%200%203%200%203-2%201-2-1-8-3-8l-2-2c-1-2-1-2%201-2%201%201%201%201%201-1l-1-2c-1-1%205-7%205-7l3%202c4%203%207%203%2011-2l3-4c0-2%203-4%207-4%203%200%204-1%207-3l5-4%203-3c0-3%202-4%204-3%202%200%203-1%202-4-1-2%202-6%204-6%202%201%206-2%2010-6l6-6%202-5%201-2-3%202c-3%202-4%203-4%200h1l1-1-1-1-5-4-4-4-6%206c-4%204-6%206-7%205l-3-2-11-9-10-8%2015%2014%204%205%202%202c1%202%201%202-1%205l-2%202-5-4a491%20491%200%2001-42-38%20206%20206%200%2000-22-19c-8-7-8-7-5-11l2-2-3-4c-4-3-3-6%200-2%203%202%204%203%203%200%200-2%203-6%204-4%202%202%204%201%204-1%201-1%200-2-1-3l-1-3c0-2-1-2-3-2-3%200-3%200-2-1l1-2c0-2-2-1-4%203m-18%2051c0%2024%2017%2046%2040%2053%2013%204%2026%204%2023%200-2-1-3-2-2%200l-2%201-3-1h-1c-1%202-15-1-25-7-12-6-24-21-26-31%200-4-1-5%205%207%203%207%209%2014%2011%2012%201-1%201-1-1-2s-2-1-1-2l1-1-4-7c-3-5-4-6-2-7%201-1%201-1-1-1-2-1-2-1-1-2v-1h-2l2-1c1-1%201-1-1-1-2%201-3%200-1-1v-1l-2-1-2-7c-2-3-5-3-5%201m36%209c0%205%203%209%206%2013%202%201%203%203%202%203l-6-1-1-1v2l3%201%203%202h3c2%200%202%200%202%203%200%202%200%202%201%201h5c3%200%205%201%205%204s1%205%202%204v3l2%208-1-20c-2%200-6-2-5-3l-2-1c-3%200-1-3%202-3%201%200%201-1-1-3l-5-2-2-1-5-6%201%202c3%203%203%204%200%204-4%200-7-3-8-9l-1-5v5m-59%201c-1%202-1%202%2026%2027%203%203%205%204%206%203l2-1c2-1-29-31-32-31l-2%202m44%2040c-2%202-2%202%203%207l14%2012c15%2014%2014%2014%2016%2012l2-3-30-28h-5'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.7751479289940828,"src":"/static/ef6ef4d1339efff5221da40750ae5e4d/47498/featurePost_1606394094249.jpg","srcSet":"/static/ef6ef4d1339efff5221da40750ae5e4d/9dc27/featurePost_1606394094249.jpg 300w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/4fe8c/featurePost_1606394094249.jpg 600w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/47498/featurePost_1606394094249.jpg 1200w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/52258/featurePost_1606394094249.jpg 1800w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/63994/featurePost_1606394094249.jpg 2240w","srcWebp":"/static/ef6ef4d1339efff5221da40750ae5e4d/99238/featurePost_1606394094249.webp","srcSetWebp":"/static/ef6ef4d1339efff5221da40750ae5e4d/403a4/featurePost_1606394094249.webp 300w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/ad85c/featurePost_1606394094249.webp 600w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/99238/featurePost_1606394094249.webp 1200w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/685a2/featurePost_1606394094249.webp 1800w,\n/static/ef6ef4d1339efff5221da40750ae5e4d/d3365/featurePost_1606394094249.webp 2240w","sizes":"(max-width: 1200px) 100vw, 1200px"},"original":{"height":1260,"width":2240}}},"metaTitle":"Powerful editor built for pro content creators","metaDescription":"At Draftbox, we're committed to providing the best writing experience to our creators.","postSeoTitle":"Powerful editor built for pro content creators","canonicalUrl":null,"ogTitle":"Powerful editor built for pro content creators","ogDescription":"At Draftbox, we're committed to providing the best writing experience to our creators.","twitterTitle":"Powerful editor built for pro content creators","twitterDescription":"At Draftbox, we're committed to providing the best writing experience to our creators.","seoPublishedAt":"2020-12-30T08:18:46.223Z","seoUpdatedAt":"2020-12-30T08:18:46.226Z","ogImage":{"publicURL":"/static/ef6ef4d1339efff5221da40750ae5e4d/featurePost_1606394094249.jpg","seo":{"fixed":{"src":"/static/ef6ef4d1339efff5221da40750ae5e4d/0ff54/featurePost_1606394094249.jpg","height":675,"width":1200}}},"twitterImage":{"publicURL":"/static/ef6ef4d1339efff5221da40750ae5e4d/featurePost_1606394094249.jpg","seo":{"fixed":{"src":"/static/ef6ef4d1339efff5221da40750ae5e4d/0ff54/featurePost_1606394094249.jpg","height":675,"width":1200}}},"jsonld":"{\"@context\":\"https://schema.org\",\"@type\":\"article\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://google.com/article\"},\"headline\":\"Powerful editor built for pro content creators\",\"datePublished\":\"2020-12-30T08:18:46.223Z\",\"dateModified\":\"2020-12-30T08:18:46.226Z\",\"author\":{\"@type\":\"Person\",\"name\":\"Keyur Raval\"},\"publisher\":{\"@type\":\"Organization\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://draftbox-prod.s3.amazonaws.com/users/5fec36c542a9f82a0bd3b29c/logoSignup_1609316137078.png\"},\"name\":\"GDPR Demo\"},\"image\":[\"https://draftbox-dev.s3.amazonaws.com/sites/5f85fe379cfb110023f62730/posts/5f862de79cfb110023f62a03/featurePost_1606394094249.jpg\"],\"description\":\"At Draftbox, we're committed to providing the best writing experience to our creators.\",\"keywords\":\"Getting Started\"}","ampHead":["<script async custom-element=\"amp-twitter\" src=\"https://cdn.ampproject.org/v0/amp-twitter-0.1.js\"></script>","<script async custom-element=\"amp-youtube\" src=\"https://cdn.ampproject.org/v0/amp-youtube-0.1.js\"></script>","<script async custom-element=\"amp-iframe\" src=\"https://cdn.ampproject.org/v0/amp-iframe-0.1.js\"></script>","<script async custom-element=\"amp-inline-gallery\" src=\"https://cdn.ampproject.org/v0/amp-inline-gallery-0.1.js\"></script>","<script async custom-element=\"amp-base-carousel\" src=\"https://cdn.ampproject.org/v0/amp-base-carousel-0.1.js\"></script>","<script async custom-element=\"amp-lightbox-gallery\" src=\"https://cdn.ampproject.org/v0/amp-lightbox-gallery-0.1.js\"></script>"],"ampMarkup":"<p>At Draftbox, we&#x27;re committed to providing the best writing experience to our creators. We&#x27;ve engineered a powerful editor to help you craft engaging and captivating content.</p><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet posuere.</p><hr/><h2>Inline text elements</h2><p><del>This line of text is meant to be treated as no longer accurate.</del></p><p><strong>This line of text will render as underlined</strong></p><p><strong>This line rendered as bold text.</strong></p><mark>This line rendered as highlighted text.</mark><p><em>This line rendered as italicized text.</em></p><blockquote><p><em>This text is in blockquote format.</em></p></blockquote><hr/><h2>List</h2><p>Here&#x27;s an unordered list of latin phrases:</p><ul><li>Lorem ipsum dolor sit amet</li><li>Consectetur adipiscing elit</li><li>Integer molestie lorem at massa</li><li>Facilisis in pretium nisl aliquet</li><li>Nulla volutpat aliquam velit</li><li>Phasellus iaculis neque</li><li>Eget porttitor lorem</li></ul><p>Here&#x27;s an ordered list:</p><ol><li>Purus sodales ultricies</li><li>Vestibulum laoreet porttitor sem</li><li>Ac tristique libero volutpat at</li><li>Faucibus porta lacus fringilla vel</li><li>Aenean sit amet erat nunc</li><li>Eget porttitor lorem</li><li>Phasellus iaculis neque</li></ol><p>Here’s a todo list:</p><ul class=\"contains-task-list\"><li class=\"task-list-item\"><input type=\"checkbox\" checked=\"\" disabled=\"\"/> List item 1</li><li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\"/> List item 2</li><li class=\"task-list-item\"><input type=\"checkbox\" disabled=\"\"/> List item 3</li></ul><hr/><h2>What about image and image caption?</h2><p>Don&#x27;t worry! We&#x27;ve got you covered.  </p><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1602629157978.jpg\" height=\"0\" width=\"0\" layout=\"responsive\" attribution=\"Default size\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1602629167646.jpg\" height=\"0\" width=\"0\" layout=\"responsive\" attribution=\"Large size\"></amp-img><amp-inline-gallery layout=\"container\"><amp-base-carousel class=\"gallery\" layout=\"responsive\" width=\"3.6\" height=\"2\" snap-align=\"center\" loop=\"true\" visible-count=\"1.2\" lightbox=\"true\"><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586932589.jpg\" layout=\"responsive\" width=\"2000\" height=\"3000\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586929799.jpg\" layout=\"responsive\" width=\"2000\" height=\"1333\"></amp-img><amp-img src=\"https://draftbox-dev.s3.amazonaws.com/content/5f85fd8a9cfb110023f6272f/content_1604586933178.jpg\" layout=\"responsive\" width=\"2000\" height=\"3020\"></amp-img></amp-base-carousel><amp-inline-gallery-pagination layout=\"nodisplay\" inset=\"true\"></amp-inline-gallery-pagination></amp-inline-gallery><hr/><h2>Draftbox editor also supports embeds:</h2><p>Our creators often embed social content in their blogs.</p><amp-youtube data-videoid=\"9bZkp7q19f0\" layout=\"responsive\" width=\"480\" height=\"270\"></amp-youtube><amp-twitter width=\"375\" height=\"472\" layout=\"responsive\" data-tweetid=\"https://twitter.com/TheEllenShow/status/440322224407314432?ref_src=twsrc%5Etfw%7Ctwcamp%5Etweetembed%7Ctwterm%5E440322224407314432%7Ctwgr%5Eshare_3&amp;ref_url=https%3A%2F%2Fbuilt-with-draftbox-2730.netlify.app%2Feditor-built-for-pro-content-creators\"></amp-twitter><amp-iframe width=\"500\" height=\"281\" layout=\"responsive\" sandbox=\"allow-scripts allow-same-origin allow-popups\" frameborder=\"0\" src=\"https://open.spotify.com/embed/track/3dkIE8P7hvl3tHl9KSb6dA\"></amp-iframe><hr/><h2>Our editors have tons of features for dev bloggers as well:</h2><p>You can embed GitHub gist, CodePen, code snippets and even <code>inline code</code>. Here’s a snippet of code from vintage Facebook code repo:</p><pre><code class=\"language-javascript\">\nmy $id = $input{id};\nmy $user = $input{user};\nmy $code = $input{code};\nmy $course = 0;#$input{course};\nmy @node;my @edge;\n\\\\#my $db_data = Mysql-&gt;connect(&quot;69.28.179.12&quot;, &quot;login&quot;, &quot;mark&quot;, $pass);\nmy $db_data = Mysql-&gt;connect(&quot;$cookies{host}&quot;, &quot;$cookies{db}&quot;, &quot;mark&quot;, $pass);\nmy $map;\nif ($ENV{&#x27;HTTP_HOST&#x27;} =\\\\\\~ m/^(.\\\\\\*)\\\\\\\\.thefacebook\\\\\\\\.com/) {    $map = $1;}\n</code></pre><hr/><h2>Want to grab attention of your readers?</h2><p>Notice blocks can be really helpful while writing long, text-heavy content.</p><div class=\"notice notice-info\"><p>This is an info note.</p></div><div class=\"notice notice-warning\"><p>This is a warning note.</p></div><div class=\"notice notice-tip\"><p>This is a tip.</p></div><hr/><h2>And if there’s something missing, you can always add custom HTML snippets:</h2><p>Here’s a callout added using HTML snippet:</p><hr/><h2>Link card</h2><p>Here’s  a link to Draftbox website in card format:</p><a target=\"_blank\" class=\"bookmark-card-container\" href=\"https://draftbox.co\"><div class=\"bookmark-content\"><h2 class=\"bookmark-title\">Draftbox | Publish blog with superpowers</h2><p class=\"bookmark-description\">We built Draftbox so you can focus on what matters — content. Leave your worries about performance, user experience, SEO, security, and scalability to us. Draftbox is a no-code JAMstack blogging platform, built on Gatsby.</p><div class=\"bookmark-metadata\"><div class=\"bookmark-icon\"><amp-img height=\"22px\" width=\"22px\" src=\"https://draftbox.co/icons/icon-512x512.png?v=e015750a5b880a7b736fbc76d02c9b72\"></amp-img></div><span class=\"bookmark-author\">Draftbox | Publish blog with superpowers</span></div></div></a><hr/><p>Did we miss anything? Let us know in comments.</p>"},"draftboxSettings":{"identity":{"siteName":"GDPR Demo"}}},"pageContext":{"postSeoSlug":"powerful-editor-built-for-pro-content-creators/"}},"staticQueryHashes":["126537975"]}