{"componentChunkName":"component---src-templates-post-js","path":"/the-editor/","webpackCompilationHash":"37dd0aeccb0e80bb38c0","result":{"data":{"ghostPost":{"id":"Ghost__Post__5c13e1bd3bec6400c097386f","title":"Writing posts with Ghost ✍️","slug":"the-editor","featured":false,"feature_image":"https://static.ghost.org/v2.0.0/images/writing-posts-with-ghost.jpg","excerpt":"Getting started with the editor is simple, with familiar formatting options in a functional toolbar and the ability to add dynamic content seamlessly.","custom_excerpt":"Getting started with the editor is simple, with familiar formatting options in a functional toolbar and the ability to add dynamic content seamlessly.","created_at_pretty":"14 December, 2018","published_at_pretty":"14 December, 2018","updated_at_pretty":"07 January, 2019","created_at":"2018-12-14T17:00:45.000+00:00","published_at":"2018-12-14T17:00:49.000+00:00","updated_at":"2019-01-07T12:45:38.000+00:00","meta_title":null,"meta_description":null,"og_description":null,"og_image":null,"og_title":null,"twitter_description":null,"twitter_image":null,"twitter_title":null,"authors":[{"name":"Ghost","slug":"ghost","bio":"You can delete this user to remove all the welcome posts","profile_image":"https://static.ghost.org/v2.0.0/images/ghost.png","twitter":"@tryghost","facebook":"ghost","website":"https://ghost.org"}],"primary_author":{"name":"Ghost","slug":"ghost","bio":"You can delete this user to remove all the welcome posts","profile_image":"https://static.ghost.org/v2.0.0/images/ghost.png","twitter":"@tryghost","facebook":"ghost","website":"https://ghost.org"},"primary_tag":{"name":"Getting Started","slug":"getting-started","description":"A collection of posts to help you get up and running","feature_image":null,"meta_description":null,"meta_title":null,"visibility":"public"},"tags":[{"name":"Getting Started","slug":"getting-started","description":"A collection of posts to help you get up and running","feature_image":null,"meta_description":null,"meta_title":null,"visibility":"public"}],"plaintext":"Ghost has a powerful visual editor with familiar formatting options, as well as\nthe ability to seamlessly add dynamic content. \n\nSelect the text to add formatting, headers or create links, or use Markdown\nshortcuts to do the work for you - if that's your thing. \n\n\n\nRich editing at your fingertips\nThe editor can also handle rich media objects, called cards. \n\nYou can insert a card either by clicking the+   button on a new line, or typing/ \n  on a new line to search for a particular card. This allows you to efficiently\ninsert  images, markdown, html  and embeds.\n\nFor Example:\n\n * Insert a video from YouTube directly into your content by pasting the URL \n * Create unique content like a button or content opt-in using the HTML card\n * Need to share some code? Embed code blocks directly \n\n<header class=\"site-header outer\">\n    <div class=\"inner\">\n        {{> \"site-nav\"}}\n    </div>\n</header>\n\nWorking with images in posts\nYou can add images to your posts in many ways:\n\n * Upload from your computer\n * Click and drag an image into the browser\n * Paste directly into the editor from your clipboard\n * Insert using a URL\n\nOnce inserted you can blend images beautifully into your content at different\nsizes and add captions wherever needed.\n\n\n\nThe post settings menu and publishing options can be found in the top right hand\ncorner. For more advanced tips on post settings check out the publishing options\n[/publishing-options/]  post!","html":"<p>Ghost has a powerful visual editor with familiar formatting options, as well as the ability to seamlessly add dynamic content. </p><p>Select the text to add formatting, headers or create links, or use Markdown shortcuts to do the work for you - if that's your thing. </p><p><img src=\"https://static.ghost.org/v2.0.0/images/formatting-editor-demo.gif\" alt=\"\"></p>\n<h2 id=\"rich-editing-at-your-fingertips\">Rich editing at your fingertips</h2><p>The editor can also handle rich media objects, called <strong>cards</strong>. </p><p>You can insert a card either by clicking the  <code>+</code>  button on a new line, or typing  <code>/</code>  on a new line to search for a particular card. This allows you to efficiently insert<strong> images</strong>, <strong>markdown</strong>, <strong>html</strong> and <strong>embeds</strong>.</p><p><strong>For Example</strong>:</p><ul><li>Insert a video from YouTube directly into your content by pasting the URL </li><li>Create unique content like a button or content opt-in using the HTML card</li><li>Need to share some code? Embed code blocks directly </li></ul><pre><code>&lt;header class=\"site-header outer\"&gt;\n    &lt;div class=\"inner\"&gt;\n        {{&gt; \"site-nav\"}}\n    &lt;/div&gt;\n&lt;/header&gt;</code></pre><h1 id=\"working-with-images-in-posts\">Working with images in posts</h1><p>You can add images to your posts in many ways:</p><ul><li>Upload from your computer</li><li>Click and drag an image into the browser</li><li>Paste directly into the editor from your clipboard</li><li>Insert using a URL</li></ul><p>Once inserted you can blend images beautifully into your content at different sizes and add captions wherever needed.</p><p><img src=\"https://static.ghost.org/v2.0.0/images/using-images-demo.gif\" alt=\"\"></p>\n<p>The post settings menu and publishing options can be found in the top right hand corner. For more advanced tips on post settings check out the <a href=\"/publishing-options/\">publishing options</a> post!</p>","url":"https://gatsby.ghost.io/the-editor/","uuid":"f25378ae-1c74-451e-9c9e-4c1f56a6d63c","page":false,"codeinjection_foot":null,"codeinjection_head":null,"codeinjection_styles":null,"comment_id":"5c13e1bd3bec6400c097386f"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"the-editor"}}}