{"componentChunkName":"component---node-modules-draftbox-co-gatsby-draftbox-balsa-theme-src-templates-post-template-tsx","path":"/powerful-editor-built-for-pro-content-creators/","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>"},"prevPost":{"title":"Post with cookies","excerpt":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve\nthis goal.\n\nImage With Caption> \n> \nThis is info notice\n\nWarning Notice\n\nTip Notice\n\nHEADINGS\nHere's a demo of headings with dummy text for reference:\n\nHEADING 1\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHEADING 2\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHEADING 3\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHEADING 4\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHeading 5\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHeading 6\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer euismod eu est et suscipit. Aenean non nulla in tortor laoreet\nposuere.\n\nHere is a list of headings without dummy text:\n\nHEADING 1\nHEADING 2\nHEADING 3\nHEADING 4\nHeading 5\n\nHeading 6\n\nINLINE TEXT ELEMENTS\nThis line of text is meant to be treated as no longer accurate.\n\nThis line of text will render as underlined\n\nThis line rendered as bold text.\n\nThis line rendered as italicized text.\n\n> This text is in blockquote format.\n\n\nLIST\nHere's an unordered list of latin phrases:\n\n * Lorem ipsum dolor sit amet\n * Consectetur adipiscing elit\n * Integer molestie lorem at massa\n * Facilisis in pretium nisl aliquet\n * Nulla volutpat aliquam velit\n * Phasellus iaculis neque\n * Eget porttitor lorem\n\nHere's an ordered list:\n\n 1. Purus sodales ultricies\n 2. Vestibulum laoreet porttitor sem\n 3. Ac tristique libero volutpat at\n 4. Faucibus porta lacus fringilla vel\n 5. Aenean sit amet erat nunc\n 6. Eget porttitor lorem\n 7. Phasellus iaculis neque\n\nWHAT ABOUT IMAGE AND IMAGE CAPTION?\nDon't worry! We've got you covered.\n\nImage by NASA\n\nThat worked well, didn't it.\n\nHere's an example of image gallery:\n\nImage gallery of beautiful sunsets\n\nBUT I OFTEN USE YOUTUBE, TWITTER AND OTHER EMBEDS\nSo do we – check this out:\n\n\n\nOne of the most watched video on YouTube\n\nHere's one of the most retweeted tweet byEllen DeGeneres:\n\n\n\nHere's the countdown song from movie Inception:\n\n\n\nPhoto byPatrick Fore/Unsplash\n\n\n\nthenumbersmagazine·Jay-Z 100 Bill- Great Gatsby Soundtrack\n\n\n\nSouthern California beach - post by Instagram\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nBUT CAN YOU HANDLE CODE SNIPPETS?\nWe thought you'd never ask! Of course we can. Here's a snippet of code from vintage Facebook code repo:\n\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\n\n\n\nCodepen Embed\n\nThis is an inline link -https://draftbox.co\n\nFollowing is a bookmark link [link as a card]\n\nDRAFTBOX | PUBLISH BLOG WITH SUPERPOWERS We built Draftbox so you can focus on what matters — content. Leave your worries about\nperformance, user experience, SEO, security, and scalability to us. Draftbox is a no-code JAMstack blogging platform, built on\nGatsby. Draftbox | Publish blog with superpowersHave we missed something? Let us know in comments.\n\nR/USABILITYPORN - [SWAY ON VOID] SWITCHED TO USING A HIGH-CONTRAST LIGHT THEME A WHILE AGO AND NEVER LOOKED BACK. 75 votes and 21\ncomments so far on Reddit redditBUILT WITH DRAFTBOX Lightning fast, secure front-end for your WordPress or Ghost blog, without\ncoding. Draftbox is a new-age blogging platform for everyone, built on Gatsby. Built with DraftboxHelloWEBPACK 5 FEDERATION: A\nGAME CHANGER IN JAVASCRIPT ARCHITECTURE Module federation — The Javascript equivalent of what Apollo did with GraphQL. Multiple\nWebpack builds work together, sharing the dependency graph at runtime. Multiple bundles working as an SPA The Startup","customExcerpt":"At Draftbox, we're committed to providing the best reading experience to your users. We've hand-crafted WYSIWYG styling to achieve this goal.","postSeoSlug":"post-with-cookies/","updatedAt":"30 December 2020","publishedAt":"30 December 2020"},"nextPost":{"title":"Publish a blog with superpowers","excerpt":"We built Draftbox so you can focus on what matters — content. Leave your worries about performance, user experience, SEO,\nsecurity, and scalability to us.\n\nGet started — it's free\n\nSimple. Fast. Secure. No-code JAMstack. Powered by Gatsby.\n----------------------------------------------------------------------------------------------------------------------------------\n\nAdvantages of having a Draftbox blogSUPERPOWERS\nIMAGE OPTIMIZATION\nDraftbox optimizes images and renders ones that are appropriate for the current screen resolution (desktop, mobile, table, and\neverything in between), providing faster load time and reduced time-to-interactive.\n\nCACHING\nDraftbox with its intelligent caching mechanism and leveraging CDN functionalities from Netlify: stores, invalidates, and fetches\nresources (E.g. HTML, CSS, Images, and JavaScript) in the background without affecting user experience. Draftbox generates sites\nwhich are PWA compliant that provides potential performance improvements by leveraging the cache for almost instant page loads. \n\nPREFETCH PAGES\nDraftbox prefetches resources of other pages when the current page has loaded. This mechanism provides smoother and faster\nnavigation among internal pages. Due to prefetch, there is a considerable reduction in bounce rate and an increase in domain\nauthority.\n\nSEO OPTIMIZATION\nBuilt-in support for metadata, descriptive text for links and images, canonical URLs, XML sitemaps helps you rank your site\nbetter. Rich metatags for Facebook Open Graph, Twitter Cards, and JSON-LD provide a beautiful representation of your articles on\nevery part of the web.\n\nWEB VITALS\nWith Google adding Web Vitals as one of the factors in their holy search ranking algorithm. So what are core web vitals? These are\nreal-world experience metrics that Google is looking at, that answer things like: How fast does the page load? How fast is it\ninteractive? How fast is it stable? Draftbox sites are carefully crafted and regularly optimized to meet the standards set by\nGoogle and W3C. \n\nAMP PAGES\nGoogle prioritizes AMP pages in mobile search results. AMP becomes a critical part of your content strategy since most of the\nsearches happen over mobile. Draftbox provides clean, elegant, and valid AMP pages for your articles without breaking a sweat.\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nWHY DRAFTBOX?\nDraftbox replaces the mess of bloated plugins/template code editing for essential functionalities, slower/broken site, security\nissues with Gatsby-powered static site, and in-built integrations that just works.\n\nUSERS WILL LOVE YOUR SITE'S EXPERIENCE\nProvide 10x better experience with pre-built pages served from global CDN in a jiffy. In-built caching and image optimization will\nensure a better experience even for poor internet connection. Not only that, once loaded, Draftbox prefetches resources for other\npages, so clicking around the site feels incredibly fast.\n\nGOOGLE WILL LOVE YOUR SITE’S SEO\nGoogle has made site speed an actual search ranking factor, and Draftbox leaves no stone unturned to help you rank better. Along\nwith performance, Draftbox also provides in-built SEO optimization. Essentials like metadata, descriptive text for links and\nimages, sitemap are covered along with in-built AMP page generation.\n\nStay green, stay aheadMOBILE-FRIENDLY EXPERIENCE\nIt takes less than a second for a mobile user to reach an opinion about your website, and Draftbox will ensure that you leave the\nfirst good impression. Along with responsive web design and clean layout, faster page load ensures a better experience for your\nusers, even on mobile networks. AMP pages help increase visibility in organic search results on mobile.\n\nGROW YOUR AUDIENCE\nAt Draftbox, we understand the importance of reaching out to as many users as you can, via different channels. In-built features\nlike RSS feed, subscription form, social sharing and SEO optimization help you grow your audience via channels like RSS reader,\nmailing list, social sharing and search engines.\n\nBUILD A GREAT COMMUNITY\nAnalytics, forms, comments, and support are the 4 most essential pillars of nurturing a great community and providing them with\nthe best content by understanding their behaviour, feedback, and engagement with your content. Draftbox provides all four pillars\nas in-built integrations.\n\n\n----------------------------------------------------------------------------------------------------------------------------------\n\nBE AHEAD OF THE CURVE\nPowered by tech that is currently being used by top-tier companies like Nike, Tinder & Airbnb.\n\nSign up now","customExcerpt":"We built Draftbox so you can focus on what matters — content. Leave your other worries to us.","postSeoSlug":"meet-draftbox/","updatedAt":"30 December 2020","publishedAt":"29 December 2020"}},"pageContext":{"postSeoSlug":"powerful-editor-built-for-pro-content-creators/","prev":"post-with-cookies/","next":"meet-draftbox/"}},"staticQueryHashes":["126537975","1598373181","2550219549","3152462313","3179455699","501731688"]}