{
    "componentChunkName": "component---src-templates-plugin-docs-tsx",
    "path": "/plugins/scm-documentation-viewer-plugin/docs/latest/en/markdown-text-editor/",
    "result": {"data":{"plugin":{"name":"scm-documentation-viewer-plugin","displayName":"Documentation Viewer","description":"Plugin to view and edit the markdown documentation of a repository","author":"Cloudogu GmbH","documentation":[{"version":"1.1.x","languages":["de","en"]},{"version":"1.0.x","languages":["de","en"]}]},"navigation":{"nodes":[{"section":"Features","entries":[{"frontmatter":{"title":"Overview","subtitle":null,"partiallyActive":null},"fields":{"slug":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/en/overview/"}},{"frontmatter":{"title":"Markdown Text Editor","subtitle":null,"partiallyActive":null},"fields":{"slug":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/en/markdown-text-editor/"}}]}]},"versions":{"group":[{"fieldValue":"1.0.x"},{"fieldValue":"1.1.x"}]},"languages":{"group":[{"fieldValue":"de"},{"fieldValue":"en"}]},"markdownRemark":{"html":"<p>To improve the editing of a Markdown file, this plugin provides a rich text editor that is compatible with Markdown files.\nAs soon as this plugin is installed, this editor is always used when editing a Markdown file within the SCM-Manager.\nThe editor offers various formatting options, which are also supported by Markdown.\nThese options are described in more detail below.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 122.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAACXBIWXMAAAsTAAALEwEAmpwYAAACC0lEQVQ4y6VVCZLaMBD0/z+VH+QBQGVhA5gFH7IOS9bVqRlgsQlL4oWqLmRZGnX3jMZFWZZYLpeg/+12C2MMXvkV1jmYvkdMGSkDMSX4EOBDnImAEBOKqm6w2bxju92hbloorW9Qevr8BbQ2EEJA9xYFsQvBM92cEtIIOWfkPJ27zefpXEqsrtDGwDk3WUDjYRhQVRW8939tPlUVmlawRTnf/Es5ozDWQmuNvu8ZlBRrLYzWOB6PLIWer+9pXLctRCfhE+ApKs7ggD/2Fj/3AvAO6uKFlOrzkK7r+BBSQXOs4BIi3lnBksta4NfmHZv1GpvNmlkx/euiGD9tGPt3D9LODEXbcLDFYoH12xtWqxXqup5Ve3nsoXUDmqbB6XRC27Ysi3zihV+wecjwGpCG5NXhcGC5rRC3k8cpfMZwHJAqvKlrDiaVmpz4bYbOWc5mJ+VNLvLse8wBKdWibVkyeUkB5zAbI14Lm7Ja1RVq0cFYB2vPBTwLfc8NonDWoZcKhopZae48/TcxUMBeaXQfR8jjCaaTsM7OZ3cBM+yUwu/dDvvDAT7GSbFeLsB/I14L2w0DhsHD+8BjQqArl8+Zm4OikwoEqTSolUluqgaD9+cO/mRzfIAi/+MGPC3mfL8eKELK/D15iPwctFfGBBMTREiQPqB45Qvnc0YZIo4hYuE8Sh9RUIt/BfEOfwBg+lnmZdzncAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Screenshot of the rich text editor\"\n        title=\"Screenshot of the rich text editor\"\n        src=\"/static/44755973ab972e6034784eb24489ea4a/fcda8/editor-overview.png\"\n        srcset=\"/static/44755973ab972e6034784eb24489ea4a/12f09/editor-overview.png 148w,\n/static/44755973ab972e6034784eb24489ea4a/e4a3f/editor-overview.png 295w,\n/static/44755973ab972e6034784eb24489ea4a/fcda8/editor-overview.png 590w,\n/static/44755973ab972e6034784eb24489ea4a/efc66/editor-overview.png 885w,\n/static/44755973ab972e6034784eb24489ea4a/38af3/editor-overview.png 894w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h2 id=\"toolbar\" style=\"position:relative;\"><a href=\"#toolbar\" aria-label=\"toolbar permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Toolbar</h2>\n<p>The new editor is equipped with a toolbar above the text editor.\nThis toolbar contains several buttons with which the various formatting options can be applied or removed.\nTo do this, the user must select the text to be formatted and then click on the respective button.\nIf formatting is already applied to the currently selected text, then the respective buttons will be highlighted in the toolbar.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 518px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 6.081081081081082%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAABCAYAAADeko4lAAAACXBIWXMAAAsTAAALEwEAmpwYAAAASUlEQVQI1x3K0Q2AIAxAQUd2FMdyAScQBGostjX8PhN+L7dsh7PuD3KdvGa4O60JqkrOmZTStN4VkRszo9Y6TymFMQYRwRcx/QeUSkpPxUJUzAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Screenshot of the rich text editor toolbar\"\n        title=\"Screenshot of the rich text editor toolbar\"\n        src=\"/static/53fa245e7e6cb3c084500eef9b5b7d4f/6b9fd/toolbar.png\"\n        srcset=\"/static/53fa245e7e6cb3c084500eef9b5b7d4f/12f09/toolbar.png 148w,\n/static/53fa245e7e6cb3c084500eef9b5b7d4f/e4a3f/toolbar.png 295w,\n/static/53fa245e7e6cb3c084500eef9b5b7d4f/6b9fd/toolbar.png 518w\"\n        sizes=\"(max-width: 518px) 100vw, 518px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h2 id=\"text-editor\" style=\"position:relative;\"><a href=\"#text-editor\" aria-label=\"text editor permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Text editor</h2>\n<p>The actual text editor is located below the toolbar.\nUsers can write their Markdown texts here.\nAs an alternative to the toolbar, it is also possible to use the Markdown syntax directly in the text editor to format texts.\nFor example, a user can directly type in a hash (<code class=\"language-text\">#</code>) and a space,\nto format the current line into a first-order heading.</p>\n<p>In the text editor, it is possible to use tabs in the Markdown text.\nSo that users who rely on keyboard navigation can still navigate the website,\nit is possible to temporarily disable this behavior using the escape key.\nThis means that it is temporarily not possible to use tabs in the Markdown text, as pressing tab or shift tab is used to move the focus on the next or previous element.\nIf tab is to be used again for input and no longer for navigation,\nthen the user must set the focus back to the text editor or press the key combination ctrl enter.</p>\n<h2 id=\"formatting-options\" style=\"position:relative;\"><a href=\"#formatting-options\" aria-label=\"formatting options permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Formatting options</h2>\n<p>The supported formatting options are listed and explained below.\nThe order of the options also reflects the order in the toolbar.</p>\n<h3 id=\"paragraph\" style=\"position:relative;\"><a href=\"#paragraph\" aria-label=\"paragraph permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Paragraph</h3>\n<p>A paragraph defines a simple contiguous block of text.\nInline formatting such as</p>\n<ul>\n<li>bold</li>\n<li>italics</li>\n<li>strikethrough text</li>\n<li>links</li>\n<li>inline code</li>\n</ul>\n<p>can also be used within a paragraph.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 58.78378378378378%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAAB80lEQVQoz6VTf2+jMAzt9/9eJ02aqq2l0FbbpLUQCD+bBAIhCbxT3PV00+2/s/Rkx3Yez1bYKKWw4m7ruv4H7vc3acaQMoam7TDoEYPWhP4Lww/oB/2tT48jbkJitg6bvu8xjiPMNGGe5z9wzsJa+y03z4Zy3rlvNTvPMMbAeY/NOE34yajBuX/y3nvoYSDSvy2MvISRp15iMgbTNBHJA5xz1HVNcag96lIpXDKGXo+wywq/LMS2fGETNxrWjLSHsBMVVjAZOkspEVZirEWYxMwz/LrCWEeXfVD2UBjUB8JfbwXmQUGpHqppcCtL9F1HUFJCdh1GIeg8Sol5GDBrDROgFCalYMJHtb4Tth9vKE5nVO/v4Ocz+OkEdjggjyLkxyOKJEF+PiOPY2TbLdh+j/x0QvbyArbbUU/I93VNKjehWAayz0801yvU7QZVVRCcQxQFZIiripTKqoYMU2QZboyhF4JqIssoJoVElqaoGEN7vaLNMtRpSr4tS7R5ji680zRFc7mQ70qOhjHUlwvajKFNU2ghvxTu9+C7HXiSoIgiVOcTymgP/vqKIvjDATw5okwS8O0WPIpQhFGfn1HGMXgco3h6gio4lkAo8oLGEUJgVD3cusL5BdZ7eqgUOw+3LHDLSrDWwToHt+Jec57+Er+s+A0gXJUMRIjsUgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Paragraph example\"\n        title=\"Paragraph example\"\n        src=\"/static/428511c421ab63aec4979d9ce06400d3/fcda8/paragraph.png\"\n        srcset=\"/static/428511c421ab63aec4979d9ce06400d3/12f09/paragraph.png 148w,\n/static/428511c421ab63aec4979d9ce06400d3/e4a3f/paragraph.png 295w,\n/static/428511c421ab63aec4979d9ce06400d3/fcda8/paragraph.png 590w,\n/static/428511c421ab63aec4979d9ce06400d3/efc66/paragraph.png 885w,\n/static/428511c421ab63aec4979d9ce06400d3/6c745/paragraph.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"headings\" style=\"position:relative;\"><a href=\"#headings\" aria-label=\"headings permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Headings</h3>\n<p>A text line can also be formatted as a heading.\nThe user can define whether the heading should belong to the first through to the sixth order.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 63.51351351351351%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAABX0lEQVQ4y51TW07DMBDM/U/ANfjiJsBHUeokldKSNg+/1s9BdhralAoVVhrZmbXHs2unmCaOJUKMiP/AvA95XtRNg7rZoTueIKSCkDKDnyFukHlxyaVRKoV+GEHWohCcQykF0hrGmG84Z2GtXXHGUOa8c6ucNQZEBOs9Cq0J9yItcM794L33kEL8yKWSU+mF5iMQDJwhaKJ8YhJr2xafXQciA611hiHCyDlYswOXCjYCPsQkl8Wy4NtR47mcUJ0mKMExDCNk6g3n6Pse4zhmscSl0ToHTQbOe9gQ4UOYLybPI4qX1wZP7xzbQcORzo1eepOcJpG0ee6rvyrx5qZDmAXbpgLg8Gishebvhc8lbzYbfJRbeB/unnyLe2tWgk1ToyzL3LslcT0+4ngluN/vcTgcUNc1uu74kMtfHVaMoaoqMLYFY+zyvh50eO00C+bfTZ0hFZwPSE/Lx/g3hFnwC01g+prBZiwtAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Headings example\"\n        title=\"Headings example\"\n        src=\"/static/aebfd4eab20b1796e5907cba74c7cfe8/fcda8/headings.png\"\n        srcset=\"/static/aebfd4eab20b1796e5907cba74c7cfe8/12f09/headings.png 148w,\n/static/aebfd4eab20b1796e5907cba74c7cfe8/e4a3f/headings.png 295w,\n/static/aebfd4eab20b1796e5907cba74c7cfe8/fcda8/headings.png 590w,\n/static/aebfd4eab20b1796e5907cba74c7cfe8/efc66/headings.png 885w,\n/static/aebfd4eab20b1796e5907cba74c7cfe8/6c745/headings.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"unordered-lists\" style=\"position:relative;\"><a href=\"#unordered-lists\" aria-label=\"unordered lists permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Unordered lists</h3>\n<p>Users can also use unordered bullet point lists.\nTo do this, a selected text must be formatted as an unordered list using the toolbar.</p>\n<p>In addition, list elements can also be indented or outdented.\nTo do this, the tab or shift tab key must be pressed at the beginning of the text of the respective list element item.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABCUlEQVQoz6VR2W7DMAzz/3/P/mdYsWbYkTROJPk2C6lJ1vVtmwDCsQ6aYhyLgFjQekdt7V9orcN9jhNeTie8ngdMlxkrMdaVsBJh2c5HaP5njXGZPUgCnCZiCCilGOp+1oquL9d65Hd0U9OO3mOuVjgSQckZGrp2792+tWlZFhvU6FtNMXtvyrTz1o1tHnDEDCJCigE1BYQQEGO03DAM8N7bXfM73t4/8DVOyB3Ird8RdjgOEYFWnL3g6dljmS/moRKKiBEy8/YI36wwxdh+xDf07lIuECJwKhhY/cqHL4qUkpHsXj6uf4+qClWmMGMaR5Qoh2d/CVtZWXWFmBI4BORSzFwt/haq8AryrMG5+2N+5wAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Unordered lists example\"\n        title=\"Unordered lists example\"\n        src=\"/static/749289bb64209d1fc54fb333445ad915/fcda8/unordered-list.png\"\n        srcset=\"/static/749289bb64209d1fc54fb333445ad915/12f09/unordered-list.png 148w,\n/static/749289bb64209d1fc54fb333445ad915/e4a3f/unordered-list.png 295w,\n/static/749289bb64209d1fc54fb333445ad915/fcda8/unordered-list.png 590w,\n/static/749289bb64209d1fc54fb333445ad915/efc66/unordered-list.png 885w,\n/static/749289bb64209d1fc54fb333445ad915/6c745/unordered-list.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"numbered-lists\" style=\"position:relative;\"><a href=\"#numbered-lists\" aria-label=\"numbered lists permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Numbered lists</h3>\n<p>The numbered list behaves in the same way as the unordered list,\nexcept that the individual elements are also numbered here.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 49.32432432432432%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABGklEQVQoz51S2W7DMAzz/3/WgP3I1hYIgq7xfcg2Bzo9kjwU2AgQUmSDkhgrbQx67yBa7/8mJaijvk9nkPP1Cus93J3W+d33s344Y/Qh4GfRyCJQzlnEEJBSQs75SRFBKWVXI1mrte7OSslIKUNqgwoh4IGOF2KMKCI4go2stSNuwZW5ujLGjOlSjEBJa54SpmnCPM8jpzjJXBuLr/MFLkSUBtTWxygPLxW7Be9wsx6fJ43bssDTG2uxLAu01kOMNUapFSln1NograG1Nn5GZU7B4D2qCFwWfFxWg7f+cKqHZ4yvFfuOrd0nZFc+nba5/A57odW77ZNTHJnrGa6W0vomj8Qmvmk0BF0I8DRYKnIRVPrxR1JI7iv/AnZYEO+HGUZbAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Numbered lists example\"\n        title=\"Numbered lists example\"\n        src=\"/static/add78fdae2b7006c46e41cd4b89e431a/fcda8/numbered-list.png\"\n        srcset=\"/static/add78fdae2b7006c46e41cd4b89e431a/12f09/numbered-list.png 148w,\n/static/add78fdae2b7006c46e41cd4b89e431a/e4a3f/numbered-list.png 295w,\n/static/add78fdae2b7006c46e41cd4b89e431a/fcda8/numbered-list.png 590w,\n/static/add78fdae2b7006c46e41cd4b89e431a/efc66/numbered-list.png 885w,\n/static/add78fdae2b7006c46e41cd4b89e431a/6c745/numbered-list.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"quotes\" style=\"position:relative;\"><a href=\"#quotes\" aria-label=\"quotes permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Quotes</h3>\n<p>This editor also offers the option of defining and highlighting a text block as a quote.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABGklEQVQoz6VR7W7DIAzM+7/SnqU/Wq2dtiU0BGwMAa4zKVE3rdqPWToZ+eM4joGY4YlRakUu5V8opWL4nAyOpxNezxeY6wznCc55OO+x3PNPaP17j3CdLTwHDFqQELCua0PuOWdUvTnnvd5Rm5qyz+57OWPwzFhTgkattT1dQ4eWZWmLvdcxW9uU6eQ2vUWpwOCJQN4jhAAOATkGJJG2cDmfYa2FiLR+x9v7B8bJIFUglU67iRmCCLwSiiBLwMvR4jA5RCYwcyPUrKRE1CzYFZWNpCvP+inEAcYYXI3BPI44jA6TIzARVL1zDkTcSJVQiZ8hrRmDxAjvHZz6Ms8oSbCmiBh/xzOyKLJ9Sn509W6sYnfm8fwH8peHN3Ksv4RicRyHAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Quote example\"\n        title=\"Quote example\"\n        src=\"/static/667c16020315e71dd42e5fab0adfbced/fcda8/quote.png\"\n        srcset=\"/static/667c16020315e71dd42e5fab0adfbced/12f09/quote.png 148w,\n/static/667c16020315e71dd42e5fab0adfbced/e4a3f/quote.png 295w,\n/static/667c16020315e71dd42e5fab0adfbced/fcda8/quote.png 590w,\n/static/667c16020315e71dd42e5fab0adfbced/efc66/quote.png 885w,\n/static/667c16020315e71dd42e5fab0adfbced/6c745/quote.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"code-blocks\" style=\"position:relative;\"><a href=\"#code-blocks\" aria-label=\"code blocks permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Code blocks</h3>\n<p>A text block can also be defined as a block of code, which will be highlighted as such.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA/ElEQVQoz6WR21IDIQyGef/X8h28tyO21XaX5RCQQ35N1l21d51m5hsgJOEPMYkIMREGM/oYDzEGw3xcJ7wcDni1b5hmhxATQogIMcL/rLeI//9dwuwWRMow4ig5o7Wm9G3tHSwv9777N1jVjD12z+sdRtqttUKMmRUxCfLea+LfO8EtiyqTyDV6tcGAKZSQU0QpBZkIOWclhABrLZxzeiYiRfbH8zsu1wmVgTq2sqxzME+ngucrIVFCrA0pk7YpykSN7G/ZFY21yKa8y1CsI5yPFwR7QnIecZpRwqr4XmrrMKN+ospgnEfxQckh7q3fgxZsDPz+wmP07z/8Ag7UwAK//8HoAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Code block example\"\n        title=\"Code block example\"\n        src=\"/static/dfefce66092e87ab26ee032185ea2fa7/fcda8/code-block.png\"\n        srcset=\"/static/dfefce66092e87ab26ee032185ea2fa7/12f09/code-block.png 148w,\n/static/dfefce66092e87ab26ee032185ea2fa7/e4a3f/code-block.png 295w,\n/static/dfefce66092e87ab26ee032185ea2fa7/fcda8/code-block.png 590w,\n/static/dfefce66092e87ab26ee032185ea2fa7/efc66/code-block.png 885w,\n/static/dfefce66092e87ab26ee032185ea2fa7/6c745/code-block.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<p>It is also possible to specify the language of this code block.\nTo do this, click on the respective drop-down menu that appears in the toolbar,\nas soon as the cursor is within a code block.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABCElEQVQoz6WR3VLEIAyFef/n8gm8d6Z2ttXdbYHyF6TA0VBbde86ZuYbIIRwkggfApwPKLUil/IvSqkQ91nite9xGUZIpWGdh7UO1jmY7/UR9v+981B6gQsEwY5IhHVdG3lfc0bln3M+/Du1qSlH7PEuZwguN6UEtlprg42DjDHt4e87Ri9LU8aRW/RmpQIiBg/yDjFGEAUQUcNai2EYoLVu5xBCg/dv1xumWSJVIJU9bW1zEE/vEc/3gMU6SErwFFqZrIzV8P6RQ1HZkuzKMw9l1ISXfmyDmaWCkwrRborPktYMgXWFvF3RdR2MUojGgqw7Sj9DS8gt58HcpwkfKeGnI+fJXz38BGYpvupWpJKQAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Code block language selection\"\n        title=\"Code block language selection\"\n        src=\"/static/41a918e8b4081d10f54ccb332cba6803/fcda8/code-block-language.png\"\n        srcset=\"/static/41a918e8b4081d10f54ccb332cba6803/12f09/code-block-language.png 148w,\n/static/41a918e8b4081d10f54ccb332cba6803/e4a3f/code-block-language.png 295w,\n/static/41a918e8b4081d10f54ccb332cba6803/fcda8/code-block-language.png 590w,\n/static/41a918e8b4081d10f54ccb332cba6803/efc66/code-block-language.png 885w,\n/static/41a918e8b4081d10f54ccb332cba6803/6c745/code-block-language.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<p>To escape from a code block,\nyou can either use the cursor to jump to another text block or press the enter key three times in succession.</p>\n<h3 id=\"bold-italic-and-strikethrough-text\" style=\"position:relative;\"><a href=\"#bold-italic-and-strikethrough-text\" aria-label=\"bold italic and strikethrough text permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Bold, italic and strikethrough text</h3>\n<p>Selected text can be displayed in bold, italics or strikethrough.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.2972972972973%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABC0lEQVQoz6WRSW7DMAxFdf9LddEbtPsCDdK4jR3LgyZIFH9BeqiTVYEQeBBMUuL/tPEhwPmAygyq9SlqZZj21uPzdML564LeDpidxzw7zM5hWs9HJH9f87DDCBcijCRSjCilKLSdRGCZTLTnN1jV1L13v0cEI3ZzzpBgZkVCmsZpUivHmjCMoyqTzqV7icqASSEgBY8Y405KSS9cmwvcNCKmdFdvfq7obj0yA7ny4UGGef2OeG8GUAz6iLVW91OCw8t5xpvWZGCCc35ZhSrG+iP+kG/z0U04d1Yn5FLUvtitVND4DBsymGjf5aP9IyQK/TSib1u18myo5eg9fNchOK9LleQGrdR/Igp/ASQHwNFRqizjAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Example of bold, italic and strikethrough formatting\"\n        title=\"Example of bold, italic and strikethrough formatting\"\n        src=\"/static/0134878a29e11c58e17e9c12fa83993c/fcda8/bold-cursive-strikethrough.png\"\n        srcset=\"/static/0134878a29e11c58e17e9c12fa83993c/12f09/bold-cursive-strikethrough.png 148w,\n/static/0134878a29e11c58e17e9c12fa83993c/e4a3f/bold-cursive-strikethrough.png 295w,\n/static/0134878a29e11c58e17e9c12fa83993c/fcda8/bold-cursive-strikethrough.png 590w,\n/static/0134878a29e11c58e17e9c12fa83993c/efc66/bold-cursive-strikethrough.png 885w,\n/static/0134878a29e11c58e17e9c12fa83993c/6c745/bold-cursive-strikethrough.png 893w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"links\" style=\"position:relative;\"><a href=\"#links\" aria-label=\"links permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Links</h3>\n<p>Marked text can also be used to create a link.\nTo do this, a modal opens when the respective toolbar button is clicked.\nThe link as well as the text that is to be displayed as a link can be edited in this modal.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 557px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 57.432432432432435%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABFElEQVQoz6WRS27CMBRFvRWYIfZAGVbIAdaQT9kX0Awg+6r4g5OGJI5zKrtUVUdA+qQjP1t+11fXQkqP1WrFexyTJEkr1uvEabwMh4gwDFFKsdlsaFvGGMqyZDKZIHzf55rn5HnuDouieBo7p7VGSomIojdOF8VZpTRA3TTUDU9jZ8fjMSIIQgygsozaNGhjbjRu/wj2rm5uglEUoVTK57X4k8uv2zuY79WW53n2UyKya8HHdsfxotgfT2z3BxdD9fP6Haqbw1fpIfwgoKoNu8ORw+nssrRilyyjqPTDlHWNtA5ns5mzm6Yptdb8p6bTKWI0GhHHMfP53LFYLFgul60YDAaIXq9Hp9Oh2+06bN+Wfr/PFzyf5VazOPK2AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Link example\"\n        title=\"Link example\"\n        src=\"/static/80729a395cc4eeda19d01706fc257126/30d00/link.png\"\n        srcset=\"/static/80729a395cc4eeda19d01706fc257126/12f09/link.png 148w,\n/static/80729a395cc4eeda19d01706fc257126/e4a3f/link.png 295w,\n/static/80729a395cc4eeda19d01706fc257126/30d00/link.png 557w\"\n        sizes=\"(max-width: 557px) 100vw, 557px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<p>If no text has been selected and the button for link formatting is clicked,\nthe modal also opens, but the text for the link is then empty.\nThe link is then inserted at the position of the cursor.</p>\n<h3 id=\"inline-code\" style=\"position:relative;\"><a href=\"#inline-code\" aria-label=\"inline code permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Inline code</h3>\n<p>If a user does not need a whole block of code, but wants to integrate the code directly into a line of text,\nthen this is also possible.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 47.972972972972975%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABFElEQVQoz6WSa2rDMBCEdf/z9Ailt+iP/oidhNiOpF29vVMsx0Y1hhY68KHHLsNqkDLWQrBK/sEmdek6XLoej3EEsQM7D3YO9GI9/6StbaslhrEE9ZwmaK1BRPDe74QQKu3dRjzUQlNT3gecqZRSOVNKCTnnPSgR2Z+tyGiklBFjrI21OSUMwwPX2w0lxcpWXya79D3ujwFFBGUWQF6mIlC9ZnjmNTciWGvr3hLh+ZzQjRp34+Adg4ir4ZKb8wFpFsQy72bV8O1zQna2hrpkOQ4jnLGw2mBmi4+vEe9XD5RUTdZXblOtZvPcGAbv6kTMDOccovPI2iIbQrKMQgxpsmynOUPhzzr+uHOpPAuOlIbj+Te+AWveD+igQSBtAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Inline code example\"\n        title=\"Inline code example\"\n        src=\"/static/451de938497d6dea3ef13641d431dee8/fcda8/inline-code.png\"\n        srcset=\"/static/451de938497d6dea3ef13641d431dee8/12f09/inline-code.png 148w,\n/static/451de938497d6dea3ef13641d431dee8/e4a3f/inline-code.png 295w,\n/static/451de938497d6dea3ef13641d431dee8/fcda8/inline-code.png 590w,\n/static/451de938497d6dea3ef13641d431dee8/efc66/inline-code.png 885w,\n/static/451de938497d6dea3ef13641d431dee8/1568e/inline-code.png 892w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"horizontal-lines\" style=\"position:relative;\"><a href=\"#horizontal-lines\" aria-label=\"horizontal lines permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Horizontal lines</h3>\n<p>Users can also insert a horizontal line, which takes up an entire line of its own.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 49.32432432432432%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABFUlEQVQoz6WRy27DIBBF+f+f6hd002XaTSrZVWwC5jkGjG80pLVcK5s2Ix0NM4h5XEQIASlnsK3Muv6TVgJCKo2u73EZBhjr4EOA8zvCAw539zce1gcIpTWMmRBjxDzPyCkhpYScM0op7XyE80w+5OeUIEIk1J95d1ZrbQ0eGREhRmqr7o1DkaNHnmnrwpMxPHHf9/Det3h/P8orLsOIXFcsu5qVC76OhLNySBRgrYNWCs45WGub11o3z5/HnqdOuSCXO6kULN8SlGWBeDl94e3jDHOVMMZCKdWKGWOa54LseVLO8bobMYIotm045o8RqvtE936CURrPGksiJmsRiZo2v7r/EZaCJRHDMEBKuWn2DNM04QZucgpG2PgSMwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Horizontal line example\"\n        title=\"Horizontal line example\"\n        src=\"/static/ddb69eaf66a6e05cbb652a90879b21f1/fcda8/horizontal-line.png\"\n        srcset=\"/static/ddb69eaf66a6e05cbb652a90879b21f1/12f09/horizontal-line.png 148w,\n/static/ddb69eaf66a6e05cbb652a90879b21f1/e4a3f/horizontal-line.png 295w,\n/static/ddb69eaf66a6e05cbb652a90879b21f1/fcda8/horizontal-line.png 590w,\n/static/ddb69eaf66a6e05cbb652a90879b21f1/efc66/horizontal-line.png 885w,\n/static/ddb69eaf66a6e05cbb652a90879b21f1/8cae4/horizontal-line.png 1109w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<h3 id=\"clean-up-formatting\" style=\"position:relative;\"><a href=\"#clean-up-formatting\" aria-label=\"clean up formatting permalink\" class=\"anchor before\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Clean up formatting</h3>\n<p>To remove all formatting options from a selected text,\nthe toolbar also offers a button for this.</p>\n<p>Here you can first see already formatted text.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 51.35135135135135%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABKElEQVQoz6WR607DMAyF8/7vwzPwBCB+MdZubAzWdkviXO2Dkq2lu/xAYOmTouPEPo6VJYKxFiyCzAX+M8wCte96LJsGq/UaXd9DGwttTOWozXSeU/TLnEU/HGCIoIo75xxSjEgpTeSUwKXzTBvh6oZv7qecoSy5KlxHzhnGmPoV16G1hrX2RmcBlCcLMrq6HPHe12Jtu4I9DAjeg4hqjpzD+/YD288vBAYiy6ygQD3uAp52GtkTjlpjGIbqQGuD6B0eXge0nUYKpyZlmlKi8LOME+WsXjZ7PC+aeiXGhBACYowVzgnNMcD4COFctRIicpdcHEZHaJZvcCHgN1Efnx2Ow8p85JgyDqsW/WYzOUBZxJmxe312Z0GXSxEoSowUIriMKPIvysjfZ2MP01zDU1EAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Formatted text\"\n        title=\"Formatted text\"\n        src=\"/static/4993f86f5be2ae51a6e05159d3dbd3d4/fcda8/pre-format-removal.png\"\n        srcset=\"/static/4993f86f5be2ae51a6e05159d3dbd3d4/12f09/pre-format-removal.png 148w,\n/static/4993f86f5be2ae51a6e05159d3dbd3d4/e4a3f/pre-format-removal.png 295w,\n/static/4993f86f5be2ae51a6e05159d3dbd3d4/fcda8/pre-format-removal.png 590w,\n/static/4993f86f5be2ae51a6e05159d3dbd3d4/efc66/pre-format-removal.png 885w,\n/static/4993f86f5be2ae51a6e05159d3dbd3d4/1568e/pre-format-removal.png 892w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>\n<p>After cleaning up the formatting, the text looks like this.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 590px; \"\n    >\n      <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 52.70270270270271%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABBklEQVQoz62RDW7DIAyFuf+pdoYdYUnVtF3WBAwB8/MmsxQlWjZV2ix9AmzzsI2atUZMCQVALuXPqP50wlvX4XK9wRCBrIURaMUesI2RBVmHWZuKIiIsy4LgPUIIjRhjZesTmANSSi3GWzhASVVHJsne+2/+UgoeRRyZ8mauFyVBVr9WOo4jhmGo/gcSs87hNFxw+7iDM8BZpl/qQ4J6vRIcGVhrobXGNE11b4yp+/s0wTlXEb+06qV9jki5IObcxKrgS2dQIiMw1yrk0nZm4mPmKiTr2rj0vhNqguxIYk/bXuDrvJvheD7DWXuQfEyr8AdTc9/DvI+tnWdEf0PJL2UAqZR/4RPyPGAuW8T3YgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Text without formatting\"\n        title=\"Text without formatting\"\n        src=\"/static/5137579e585ba18d762696dae1a0b57c/fcda8/after-format-removal.png\"\n        srcset=\"/static/5137579e585ba18d762696dae1a0b57c/12f09/after-format-removal.png 148w,\n/static/5137579e585ba18d762696dae1a0b57c/e4a3f/after-format-removal.png 295w,\n/static/5137579e585ba18d762696dae1a0b57c/fcda8/after-format-removal.png 590w,\n/static/5137579e585ba18d762696dae1a0b57c/efc66/after-format-removal.png 885w,\n/static/5137579e585ba18d762696dae1a0b57c/1568e/after-format-removal.png 892w\"\n        sizes=\"(max-width: 590px) 100vw, 590px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n    </span></p>","description":"To improve the editing of a Markdown file, this plugin provides a rich text editor that is compatible with Markdown files.\nAs soon as this plugin is installed…","tableOfContents":"<ul>\n<li>\n<p><a href=\"#toolbar\">Toolbar</a></p>\n</li>\n<li>\n<p><a href=\"#text-editor\">Text editor</a></p>\n</li>\n<li>\n<p><a href=\"#formatting-options\">Formatting options</a></p>\n<ul>\n<li><a href=\"#paragraph\">Paragraph</a></li>\n<li><a href=\"#headings\">Headings</a></li>\n<li><a href=\"#unordered-lists\">Unordered lists</a></li>\n<li><a href=\"#numbered-lists\">Numbered lists</a></li>\n<li><a href=\"#quotes\">Quotes</a></li>\n<li><a href=\"#code-blocks\">Code blocks</a></li>\n<li><a href=\"#bold-italic-and-strikethrough-text\">Bold, italic and strikethrough text</a></li>\n<li><a href=\"#links\">Links</a></li>\n<li><a href=\"#inline-code\">Inline code</a></li>\n<li><a href=\"#horizontal-lines\">Horizontal lines</a></li>\n<li><a href=\"#clean-up-formatting\">Clean up formatting</a></li>\n</ul>\n</li>\n</ul>","frontmatter":{"title":"Markdown Text Editor","subtitle":null,"description":null,"keywords":null,"displayToc":null,"image":null}}},"pageContext":{"name":"scm-documentation-viewer-plugin","slug":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/en/markdown-text-editor/","version":"1.1.x","latestVersion":"1.1.x","latestPageVersion":"1.1.x","language":"en","canonicalPath":"/plugins/scm-documentation-viewer-plugin/docs/latest/en/markdown-text-editor/","latestRootPath":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/en/"}},
    "staticQueryHashes": ["1973669194","2742214048","2956773653","2957019495","698804963"]}