{"Status":true,"Message":"","Response":{"post":{"postuid":"794fc24f-3c64-4e6a-91bf-2bd6b0327aa2","tenantuid":"d8b744fc-2e70-4089-bb80-dd1d08f6c7b2","projectuid":"fc6490ac-7527-4f49-b06e-46f701280e85","title":"Editor Blocks Reference","slug":"article/editor-blocks-reference","html":"\u003Cp\u003EEvery article is built from blocks. To add one, click \u003Cb\u003E\u002B\u003C/b\u003E next to an empty line, or type \u003Ccode\u003E/\u003C/code\u003E at the start of an empty line, and pick a block from the menu. For the basics of the editor, see \u003Ca href=\u0022/article/writing-and-editing-articles\u0022\u003EWriting and Editing Articles\u003C/a\u003E.\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/fc6490ac-7527-4f49-b06e-46f701280e85/images/7f53f459b8c94b32abc3c8ab0e4a71ba.png?v=704409770\u0022 data-width=\u00221150\u0022 data-height=\u0022760\u0022 style=\u0022max-width: 100%;\u0022 alt=\u0022The block menu\u0022/\u003E\u003Cfigcaption\u003EAdding a block\u003C/figcaption\u003E\u003C/figure\u003E\u003Ch2 id=\u0022text_blocks\u0022\u003EText blocks\u003C/h2\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EBlock\u003C/th\u003E\u003Cth\u003EWhat it\u0027s for\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EText\u003C/b\u003E (paragraph)\u003C/td\u003E\u003Ctd\u003ERegular text. Select text to make it bold or italic, format it as inline code, or add a link.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EHeading\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003ESection headings, levels 2 to 6. New headings default to level 2. Headings build the article\u0027s table of contents.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EList\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EUnordered (bulleted), ordered (numbered) or checklist items. Lists can be nested.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003ETable\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003ERows and columns. You can turn the first row into a heading row.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EQuote\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA quotation with an optional author.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EHorizontal Rule\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA dividing line between sections.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Ch2 id=\u0022media_blocks\u0022\u003EMedia blocks\u003C/h2\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EBlock\u003C/th\u003E\u003Cth\u003EWhat it\u0027s for\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EImage\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EUpload, paste, link or generate an image, with alt text, caption, size and link options. See \u003Ca href=\u0022/article/working-with-images\u0022\u003EWorking with Images\u003C/a\u003E.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EFile\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA downloadable file, or a link to a Google Doc or GitHub page, shown with an icon. See \u003Ca href=\u0022/article/working-with-files\u0022\u003EWorking with Files\u003C/a\u003E.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EVideo\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EAn embedded YouTube or Vimeo video. Paste the video\u0027s URL; it\u0027s converted to an embed automatically. Use \u003Cb\u003ESet Video URL\u003C/b\u003E in the tune menu to change it.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Cp\u003ELinks aren\u0027t a block. You add them to text with the inline toolbar. See \u003Ca href=\u0022/article/working-with-links\u0022\u003EWorking with Links\u003C/a\u003E.\u003C/p\u003E\u003Ch2 id=\u0022callout\u0022\u003ECallout\u003C/h2\u003E\u003Cp\u003EA highlighted box with a \u003Cb\u003ETitle\u003C/b\u003E and a \u003Cb\u003EMessage\u003C/b\u003E. Choose the style in the tune menu:\u003C/p\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EStyle\u003C/th\u003E\u003Cth\u003EUse it for\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003ERecommended\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003ETips, notes and best practices.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EWarning\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EThings that could cause problems or lose data.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EImportant\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EInformation the reader must not miss.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Cp\u003EThe title is shown exactly as you type it. Changing the style doesn\u0027t change the title.\u003C/p\u003E\u003Ch2 id=\u0022blocks_for_help_content\u0022\u003EBlocks for help content\u003C/h2\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EBlock\u003C/th\u003E\u003Cth\u003EWhat it\u0027s for\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EFAQ\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA collapsible question and answer, published with FAQ structured data for search engines. See \u003Ca href=\u0022/article/faq-section\u0022\u003EFAQ Section\u003C/a\u003E.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EChecklist\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA to-do list readers can tick off, with a progress bar (for example, \u00222 of 5 complete\u0022). Each reader\u0027s progress is saved in their own browser. Good for setup guides.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003ESubcategories\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EShows the subcategories of the article\u0027s category as a grid of cards.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EComment\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EAn internal note for your team. Comments are removed from the published page, so readers never see them.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Ccite class=\u0022recommended\u0022\u003E\u003Cspan class=\u0022title\u0022\u003EChecklist or list?\u003C/span\u003E\u003Cp\u003EThe \u003Cb\u003EList\u003C/b\u003E block\u0027s checklist style shows fixed checkmarks that you set. Use the \u003Cb\u003EChecklist\u003C/b\u003E block when readers should track their own progress.\u003C/p\u003E\u003C/cite\u003E\u003Ch2 id=\u0022optional_blocks\u0022\u003EOptional blocks\u003C/h2\u003E\u003Cp\u003EThese blocks are off by default. Turn them on under \u003Cb\u003ESettings\u003C/b\u003E \u0026gt; \u003Cb\u003EContent\u003C/b\u003E \u0026gt; \u003Cb\u003EEditor Widgets\u003C/b\u003E, then click \u003Cb\u003ESave\u003C/b\u003E.\u003C/p\u003E\u003Cfigure\u003E\u003Cimg class=\u0022lazy-load\u0022 data-src=\u0022https://graffiti-auf7e6dwhxhcbwek.z03.azurefd.net/d8b744fc-2e70-4089-bb80-dd1d08f6c7b2/fc6490ac-7527-4f49-b06e-46f701280e85/images/caebce8e5f934e2d8b136b17b45c6e29.png?v=-338579386\u0022 data-width=\u00221150\u0022 data-height=\u00221300\u0022 style=\u0022max-width: 100%;\u0022 alt=\u0022Settings Content tab Editor Widgets switches\u0022/\u003E\u003Cfigcaption\u003ESettings, Content tab, Editor Widgets\u003C/figcaption\u003E\u003C/figure\u003E\u003Ctable border=\u00221\u0022 style=\u0022border-collapse: collapse; width: 100%;\u0022\u003E\u003Cthead\u003E\u003Ctr\u003E\u003Cth\u003EBlock\u003C/th\u003E\u003Cth\u003ESetting\u003C/th\u003E\u003Cth\u003EWhat it\u0027s for\u003C/th\u003E\u003C/tr\u003E\u003C/thead\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003ECode\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003ECode\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003ECode with syntax highlighting. Choose the language from the list: C#, Console / Shell, CSS, HTML, Java, JavaScript, JSON, TypeScript or XML.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EHTML\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003EHTML\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003ECustom HTML inserted into the page as-is.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EREST API\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003EREST API\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EStructured API documentation: path, query, header and request parameters, request examples, response parameters, and response examples with HTTP status codes.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003EEmail\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003EEmail Widget\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA mock email with From, To, Subject and body fields. Useful for showing what a message looks like.\u003C/td\u003E\u003C/tr\u003E\u003Ctr\u003E\u003Ctd\u003E\u003Cb\u003ESMS\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003E\u003Cb\u003ESMS Widget\u003C/b\u003E\u003C/td\u003E\u003Ctd\u003EA mock text message. Set it to \u003Cb\u003ESent\u003C/b\u003E or \u003Cb\u003EReceived\u003C/b\u003E in the tune menu.\u003C/td\u003E\u003C/tr\u003E\u003C/table\u003E\u003Cp\u003ETurning a block off hides it from the \u003Cb\u003E\u002B\u003C/b\u003E menu. Blocks of that type already in your articles are kept.\u003C/p\u003E\u003Ch2 id=\u0022the_api_reference_post_type\u0022\u003EThe API Reference post type\u003C/h2\u003E\u003Cp\u003EWhen an article\u0027s post type is \u003Cb\u003EAPI Reference\u003C/b\u003E, the editor adds two fields above the content: an HTTP verb (\u003Cb\u003EGET\u003C/b\u003E, \u003Cb\u003EPOST\u003C/b\u003E, \u003Cb\u003EPUT\u003C/b\u003E, \u003Cb\u003EPATCH\u003C/b\u003E, \u003Cb\u003EDELETE\u003C/b\u003E, \u003Cb\u003EHEAD\u003C/b\u003E, \u003Cb\u003EOPTIONS\u003C/b\u003E or \u003Cb\u003ETRACE\u003C/b\u003E) and the endpoint path. The verb is shown with the article. Use it together with the \u003Cb\u003EREST API\u003C/b\u003E and \u003Cb\u003ECode\u003C/b\u003E blocks to document an endpoint.\u003C/p\u003E\u003Cp\u003EChoose the post type when you create the article, or change it later in the editor under \u003Cb\u003EAdvanced\u003C/b\u003E \u0026gt; \u003Cb\u003EDisplay\u003C/b\u003E \u0026gt; \u003Cb\u003EPost Type\u003C/b\u003E. See \u003Ca href=\u0022/article/article-settings\u0022\u003EArticle Settings\u003C/a\u003E.\u003C/p\u003E\u003Ch2 id=\u0022related_articles\u0022\u003ERelated articles\u003C/h2\u003E\u003Cul\u003E\u003Cli\u003E\u003Ca href=\u0022/article/writing-and-editing-articles\u0022\u003EWriting and Editing Articles\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/working-with-images\u0022\u003EWorking with Images\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/working-with-files\u0022\u003EWorking with Files\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/working-with-links\u0022\u003EWorking with Links\u003C/a\u003E\u003C/li\u003E\u003Cli\u003E\u003Ca href=\u0022/article/faq-section\u0022\u003EFAQ Section\u003C/a\u003E\u003C/li\u003E\u003C/ul\u003E","publish_status":0,"post_type":"Article","authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d","author":{"authoruid":"3dde8c16-763a-4a2b-ae0b-1d8c50c62e3d"},"featured_image_updating":false,"meta_description":"Learn how to add and use various content blocks in your articles\u2014text, media, callouts, help content, optional widgets, and API reference features.","display_toc":true,"has_workingcopy":false,"allow_indexing":true,"total_views":0,"date_published":"2026-10-04T21:48:46.813","date_updated":"2026-10-04T21:48:47.46","date_created":"2026-09-28T16:19:40.863"}}}