{
    "componentChunkName": "component---src-templates-plugin-docs-tsx",
    "path": "/plugins/scm-documentation-viewer-plugin/docs/1.1.x/de/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":"Übersicht","subtitle":null,"partiallyActive":null},"fields":{"slug":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/de/overview/"}},{"frontmatter":{"title":"Markdown Text Editor","subtitle":null,"partiallyActive":null},"fields":{"slug":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/de/markdown-text-editor/"}}]}]},"versions":{"group":[{"fieldValue":"1.0.x"},{"fieldValue":"1.1.x"}]},"languages":{"group":[{"fieldValue":"de"},{"fieldValue":"en"}]},"markdownRemark":{"html":"<p>Um das Editieren einer Markdown Datei zu unterstützen, wird durch dieses Plugin ein Rich-Text-Editor angeboten, welcher mit Markdown-Dateien kompatibel ist.\nSobald dieses Plugin installiert ist, wird beim Bearbeiten einer Markdown-Datei innerhalb des SCM-Managers, stets dieser Editor verwendet.\nDer Editor bietet unterschiedliche Formatierungsoptionen an, welche auch von Markdown unterstützt werden.\nIm Folgenden wird noch genauer auf diese Optionen eingegangen.</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: 118.91891891891892%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAACXBIWXMAAAsTAAALEwEAmpwYAAACDklEQVQ4y6VUCZKiQBDk/3/aD+wX1oj1WkEBoen7IjeqEAd13HWcisiw7IYk6yyGYUBZlozD4QCtNcjGcXwLRV3XWK/XOJ1OaJoa1lp8xwrrHKTScD4gpIQQI3wI8GH+nf0lHs/pfR8jirbrsN5ssNvvcShLCCGgtIZUCkppKKXYX2I61x//teb3SFhhrUMI4Sp5mY+c86d5ovPpbsL8XMojCvqSs5YPU0oM8r33OB6PrPD+rmlbHE81IhGPH/nLVBTtAku2xsAYw1We0bYtzuczn893VDQhFfpBIuYRgRknMOGPvcbPXYugJbpeMEEvBMyFlNpKSsWKZ7VT6LiGPiPljKLuBH5vtthuNtw+VVU95PKz/N6DvsAKqTr73Rar1Qrb7faBdEn0zMZlDp33nKuqKlE3DYdI+frqtFwJyXHOgiaGiPu+v1H2it0QxpSYiFqEwn/We/9XeMkhuRTirE5dlsM7xoRU6kEIDlmIHs65tzdNpkkxzrE6RtdDGndt8q+CFkThrYMZBuhBQkkJbcz3CI2UOB9KtH9KqF5wyDRe74BWWqGMQXU84tQ0oIrfN+yruBbFWAdlLLR1LNk4zwgxIV1W0ssgwkEqDFIyaFkKWgZK8eamRZIvM/oM6c4v/j0L49cacQT14cR8g0UIz0CKdMo4xwSVMgQhJhTvNjFZlzJ2PqKJCb9cwNpH/AV4FFjd/jWUVQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Screenshot des Rich-Text-Editors\"\n        title=\"Screenshot des Rich-Text-Editors\"\n        src=\"/static/7c78e0527dc26a1cdde9cf06cc9c56e3/fcda8/editor-overview.png\"\n        srcset=\"/static/7c78e0527dc26a1cdde9cf06cc9c56e3/12f09/editor-overview.png 148w,\n/static/7c78e0527dc26a1cdde9cf06cc9c56e3/e4a3f/editor-overview.png 295w,\n/static/7c78e0527dc26a1cdde9cf06cc9c56e3/fcda8/editor-overview.png 590w,\n/static/7c78e0527dc26a1cdde9cf06cc9c56e3/efc66/editor-overview.png 885w,\n/static/7c78e0527dc26a1cdde9cf06cc9c56e3/84cc5/editor-overview.png 898w\"\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>Der neue Editor ist mit einer Toolbar oberhalb des Text-Editor ausgestattet.\nDiese Toolbar beinhaltet mehrere Buttons, mit denen die unterschiedlichen Formatierungsoptionen angewendet bzw entfernt werden können.\nDafür muss der Benutzer den zu formatierenden Text markieren und anschließend den jeweiligen Button betätigen.\nFalls beim aktuell markierten Text bereits Formatierungen angewendet werden, werden diese in der Toolbar farblich hervorgehoben.</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 der Toolbar des Rich-Text-Editors\"\n        title=\"Screenshot der Toolbar des Rich-Text-Editors\"\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>Unter der Toolbar befindet sich der eigentliche Text-Editor.\nHier können Benutzer ihre Markdown-Texte verfassen.\nAlternativ zur Toolbar ist es auch möglich im Text-Editor direkt die Markdown-Syntax zu nutzen um Texte zu formatieren.\nBeispielsweise kann ein Benutzer direkt eine Raute (<code class=\"language-text\">#</code>) und ein Leerzeichen eintippen,\num die aktuellen Zeile zu einer Überschrift erster Ordnung zu formatieren.</p>\n<p>Im Text-Editor ist es möglich Tabs im Markdown-Text zu verwenden.\nDamit sich Benutzer, die auf die Tastaturnavigation angewiesen sind, dennoch auf der Webseite weiter navigieren können,\nist es möglich mithilfe der Escape-Taste dieses Verhalten temporär abzustellen.\nDadurch ist es temporär nicht möglich Tabs im Markdown-Text zu verwenden, da das Drücken von Tab bzw. Shift-Tab verwendet wird,\num das nächste bzw. vorherige Element zu fokusieren.\nFalls Tab wieder zur Eingabe und nicht mehr zur Navigation verwendet werden soll,\ndann muss der Benutzer den Fokus wieder auf den Text-Editor setzen oder die Tastenkombination Strg-Enter betätigen.</p>\n<h2 id=\"formatierungsoptionen\" style=\"position:relative;\"><a href=\"#formatierungsoptionen\" aria-label=\"formatierungsoptionen 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>Formatierungsoptionen</h2>\n<p>Im Folgenenden werden die unterstützten Formatierungsoptionen aufgelistet und erläutert.\nDabei spiegelt die Reihenfolge der Optionen auch die Reihenfolge in der Toolbar wieder.</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>Mit Paragraph wird ein einfacher zusammenhängender Textblock definiert.\nInline Formatierungen wie</p>\n<ul>\n<li>Fettschrift</li>\n<li>Kursivschrift</li>\n<li>durchgestrichene Texte</li>\n<li>Links</li>\n<li>Inline Code</li>\n</ul>\n<p>können innerhalb eines Paragraphen zusätlich angewendet werden.</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: 59.45945945945946%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAABeklEQVQoz5WSWY6kMAyGc/9rzQHmBl0SFSBsBYTsAf6WzaLqVj3MRPrkNY5tRRhjYJ3DdXZi/1/24x4A0XY9iqeELCuQro2BsQ6Ltf8M5c96YSle4wg9z+BOrUUIgYkxIsWIeNq3PwSklO5YPHOPOwnC+oBPh8bIOX+MUcFPMR7ZLzOCdwgh3p0RWms8Hg/M83x3QPgQUEiJsq6RdyBtxyKpgW3fIf52HtWoEb3jsadp4tGvFVBBkt57liln5G3HuoOhetfhgn+kxpcaYBfNxYZh4CLjOLIkm7rVZ9w5x1hr4Kxljgcd8rpCmFcPVVWoa4W6rlFVFcqyhJSSKUv5w34+n2wXRXHbpLdti3XbIYZxRNO07Oi6Dsuy8IvX2GST5BWckqCuf+fElCDGaeLuuu4oeHE9QPR9/8NHa3iPk07r4B2Sg0ZVikau0DQNJxCkN0odkvxvku5cOUrVGPoeKa8Q1nn+5XoxWIxFWjfeBZGZ7Y0335l3x9aDbx1AnH2mmgcaAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Paragraph Beispiel\"\n        title=\"Paragraph Beispiel\"\n        src=\"/static/94421121ffa245c2d6ae36a936b1fc83/fcda8/paragraph.png\"\n        srcset=\"/static/94421121ffa245c2d6ae36a936b1fc83/12f09/paragraph.png 148w,\n/static/94421121ffa245c2d6ae36a936b1fc83/e4a3f/paragraph.png 295w,\n/static/94421121ffa245c2d6ae36a936b1fc83/fcda8/paragraph.png 590w,\n/static/94421121ffa245c2d6ae36a936b1fc83/efc66/paragraph.png 885w,\n/static/94421121ffa245c2d6ae36a936b1fc83/b7877/paragraph.png 891w\"\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=\"überschriften\" style=\"position:relative;\"><a href=\"#%C3%BCberschriften\" aria-label=\"überschriften 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>Überschriften</h3>\n<p>Eine Zeile kann auch als eine Überschrift formatiert werden.\nDabei kann der Benutzer definieren, ob die Überschrift zur ersten bis hin zur sechsten Ordnung gehören soll.</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,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsTAAALEwEAmpwYAAABa0lEQVQ4y6WSy07DMBBF8/8r9vwTEgsWSE2rtlDcJk4cP+P4cdEYJdBSIUWMdGXZY5/MTG5ljIXWBjlnUOR/iKISUoJdLmi7Dr0YoI2FdQ7G/pC70Z1zeiO1QdX1AmfG0LYtOs5hjIFzrsh7j3Ecl/0sOqPc1ZlzUASUWiOEiNugEdDFEMKvHMGstUgpLXep6ZSBiqjRGSAFTNNURBCqgjEGIUTZE2TO8a7D+weDDwExY5l/yhnV6D1eucETUxBKQykJKWVpfRgG9H0PpVSpSGv91Z6fYMcRIWVMKRcgKaaMapASj88MDy8SjdSwWi8PSQQmGFVmrUOMcQFQyzmlspJCTPRTerDjHmtiBt5GafnStNjudtjUWyitrx6s0QIkSEM+bBpwzr8NfqeCvypegL0QeDsecTgccDqdwM7nKzusrrDlHHW9wX6/R13X2G13sMbOn1412wL0U4B1I9zoy0p2mP0VyQorRDb6BGz5+M/Tl29vAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Überschriften Beispiel\"\n        title=\"Überschriften Beispiel\"\n        src=\"/static/a154677be28cb0107b95e1482028770a/fcda8/headings.png\"\n        srcset=\"/static/a154677be28cb0107b95e1482028770a/12f09/headings.png 148w,\n/static/a154677be28cb0107b95e1482028770a/e4a3f/headings.png 295w,\n/static/a154677be28cb0107b95e1482028770a/fcda8/headings.png 590w,\n/static/a154677be28cb0107b95e1482028770a/efc66/headings.png 885w,\n/static/a154677be28cb0107b95e1482028770a/b7877/headings.png 891w\"\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=\"ungeordnete-listen\" style=\"position:relative;\"><a href=\"#ungeordnete-listen\" aria-label=\"ungeordnete listen 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>Ungeordnete Listen</h3>\n<p>Benutzer können auch ungeordnete Stichpunktartige Listen verwenden.\nDafür muss ein markierter Text als eine ungeordnete Liste mithilfe der Toolbar formatiert werden.</p>\n<p>Zusätzlich können Listen-Elemente auch Ebenen ein- bzw rausgerückt werden.\nDafür muss zum Beginn des Textes des jeweiligen Listen-Elements die Tab bzw. Shift-Tab Taste betätigt werden.</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: 48.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABM0lEQVQoz51SSW7DMAzU///S7xQ99tQ41mZrty1pglFiIEh6CoGxuEjkkLQIMcKHgNY7KPxS/QgAhF0dLtcrpFLQxsLHiJgyYkoIKY3ztJ/191jG6gOEsQvkPMMYDWstUkoopQzs+46tFOScUR6gvm3biI179Jc89BAThPMBtVa8SmsNMUYcx/EWG49DHHfGmB7jah0QnCFZ1X0HjntlJiGTaZqwLMuwyepkpq3F32XCdlQc/Tlhh0i5IDgH5QK+Zw/vVqzrihDCODkG59wo6r2/t7/tSGXDURv22gbT3htq6xBKaxg141cu+PqZhz5LCWMMtNaQUkIpNZLTZnIWI1jgBG27LBCszLZj8I+f5nMhe8HBcynaGHDjuZTRAn3/gbFX0M85kqVgC0xKnK18Ar7nAm+SlQrZejtkDAAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Ungeordnete Listen Beispiel\"\n        title=\"Ungeordnete Listen Beispiel\"\n        src=\"/static/f94393d95a2fd639f18702c29b29b5be/fcda8/unordered-list.png\"\n        srcset=\"/static/f94393d95a2fd639f18702c29b29b5be/12f09/unordered-list.png 148w,\n/static/f94393d95a2fd639f18702c29b29b5be/e4a3f/unordered-list.png 295w,\n/static/f94393d95a2fd639f18702c29b29b5be/fcda8/unordered-list.png 590w,\n/static/f94393d95a2fd639f18702c29b29b5be/efc66/unordered-list.png 885w,\n/static/f94393d95a2fd639f18702c29b29b5be/b7877/unordered-list.png 891w\"\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=\"nummerierte-listen\" style=\"position:relative;\"><a href=\"#nummerierte-listen\" aria-label=\"nummerierte listen 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>Nummerierte Listen</h3>\n<p>Die nummerierte Liste verhält sich analog zu der ungeordneten Liste,\nnur das hier die einzelnen Elemente zusätzlich nummeriert werden.</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: 50.67567567567568%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABKUlEQVQoz5VSy27DIBD0/39bD71X6iFK0yaO44B5LQtMtVvHomnVx0hjwKxmh4EhhABhj9aNv7GvFwzTPGN/OOB4GnGZr3DSICb4GP9MqV+cR0gJw9VYXKYJ8zzDGKNuY4zKlNI27yn/+70koiEgEWFwPqDWinu01sDMn45zA3PWvb5WUFvDYKyF9x5EGY0JlTNyzvDOYbfbYVkWXRORUlzsXw54O53ADSi1iaJSBWMiFcwx4Om84PlsQcHDOQdr7RaD8KMxIYpwZnBt4FrVoVDEhxAjJEcw4eHo8fhqUCnCr1mKQ8mLc9b1esZNpK3ONsFSq3annL88m+/Q7sRu3I4snxgDxnGEMVbzurlQ6da9uvZTq/VSEhfITRMX5FLBpaKs9nX8ByXTdyPyEIkJeu30AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Nummerierte Listen Beispiel\"\n        title=\"Nummerierte Listen Beispiel\"\n        src=\"/static/d0852ace8aef540133767141afac93c2/fcda8/numbered-list.png\"\n        srcset=\"/static/d0852ace8aef540133767141afac93c2/12f09/numbered-list.png 148w,\n/static/d0852ace8aef540133767141afac93c2/e4a3f/numbered-list.png 295w,\n/static/d0852ace8aef540133767141afac93c2/fcda8/numbered-list.png 590w,\n/static/d0852ace8aef540133767141afac93c2/efc66/numbered-list.png 885w,\n/static/d0852ace8aef540133767141afac93c2/b7877/numbered-list.png 891w\"\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=\"zitate\" style=\"position:relative;\"><a href=\"#zitate\" aria-label=\"zitate 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>Zitate</h3>\n<p>Desweiteren bietet dieser Editor an, einen Textblock als Zitat zu definieren und hervorzuheben.</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: 48.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABMUlEQVQoz51RSW7EMAzz/z/Uv/TSXopJJ4uT2LK8s5CSmUPQHqYCCBmWRVG08d7DeY/eoSFJzv8CAGPXDbfhG+M0YV4sHBEoMCgEeAqar/C/1hib8zCLtRjvdyzLgtVacAiIMSpyzkgpIjIjxhPMSClp7XjHz/dEAWZ3DrVWPOLcHK01EBFKKbiGNItV8ganRdrTAeM8gTmcahJQMmrJYGYMw4B1XZVUag9ls7X4ug1IuaCof+o8Wu8wgSOcc+pDII/3yWPcHDgQ9n1XQqkHZlUl6oSIU0JtHaX1KyFro+ToHd4+N3zMHoWDeqLDiJByflrQatV15VxrOXIpyKXCiLJ5njCOo/70Nt2xrasOCKL6AiH9C9JjSms6TeS21nWN9rh7EcJlaj92rxfIj70K6fsBBMkN0UtJQloAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Zitat Beispiel\"\n        title=\"Zitat Beispiel\"\n        src=\"/static/64c391d45a97848327c3f24e54739ae5/fcda8/quote.png\"\n        srcset=\"/static/64c391d45a97848327c3f24e54739ae5/12f09/quote.png 148w,\n/static/64c391d45a97848327c3f24e54739ae5/e4a3f/quote.png 295w,\n/static/64c391d45a97848327c3f24e54739ae5/fcda8/quote.png 590w,\n/static/64c391d45a97848327c3f24e54739ae5/efc66/quote.png 885w,\n/static/64c391d45a97848327c3f24e54739ae5/b7877/quote.png 891w\"\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-blöcke\" style=\"position:relative;\"><a href=\"#code-bl%C3%B6cke\" aria-label=\"code blöcke 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-Blöcke</h3>\n<p>Ein Textblock kann auch als ein Block von Code-Zeilen definiert werden, wodurch dieser besonders hervorgehoben wird.</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: 48.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABH0lEQVQoz6WR227DIAyGef+H2oPsZhfTRJsm0Ci2OfNPJmlVtbvZhvTJ+IAxP4aIsBGhd4ylRvd/AoDx1xX2dMZlnrE4j40ZLAEsAmIZ9hn6MRewbgTjvMdlmuCcw9V7BBHEGAc5Z6QUEUNAjAchIKU0cntduNczC8y6bai14Xm11sDMKKW85PSwSqU1OCQaZzpgkhCSyH0avV0REVhr4b0f/uPUi/f4siekXFCGfkN5tN5hPtaEiQKIGRTisI9N5ZDgFhvkgpASausore8N+9Hw7ZPwbq8g50EhjWfWWgf6JOXmP/IaL8ilwvQgiPMCtmfwNIMvC2hxo7HqpOj+mZe4+hJgcm2oelvvu71Rf4dOXGqDqX3/nTY0wL/Qob4B+7YOlR/mRgoAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Code-Block Beispiel\"\n        title=\"Code-Block Beispiel\"\n        src=\"/static/4a26e8a822138e7628c4e9b47516f059/fcda8/code-block.png\"\n        srcset=\"/static/4a26e8a822138e7628c4e9b47516f059/12f09/code-block.png 148w,\n/static/4a26e8a822138e7628c4e9b47516f059/e4a3f/code-block.png 295w,\n/static/4a26e8a822138e7628c4e9b47516f059/fcda8/code-block.png 590w,\n/static/4a26e8a822138e7628c4e9b47516f059/efc66/code-block.png 885w,\n/static/4a26e8a822138e7628c4e9b47516f059/b7877/code-block.png 891w\"\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>Zusätzlich ist es möglich die Sprache dieses Code-Blocks anzugeben.\nDafür muss das jeweilige Dropdown-Menü betätigt werden, welches in der Toolbar erscheint,\nsobald der Cursor sich innerhalb eines Code-Blocks befindet.</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: 48.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABOElEQVQoz52Ry0rDQBSG5/1fyYXbCoKCIoiIq5rU2oxJ5n77dKZRautCHfiYnPucP0IpxawUpdBOver3vwCEfBvp+g3b11d2g2TWGm0s2hiUNu0+Rv0Ys4yzQgxSsn15YRgG3qTEGoNzrhFCwHuHsxbnFqzFe99i+zz7la+1QYzzTEqZ45NzRmtNjPEkVourVDWHRaJWU0B4o/BGE+pU59r0ijGGruuQUjb78NU7KVl3PT5EYtOvKU8uBfE0ejY6MFnP5CNK629NzSLBp68RItZ7Ui7EXPYNy9LwfG24vH2gv7ti83jPNE3klEgptZUqabEPOfVHQkwIvGdzfcF2dYa6WTF2PXqQaKWaTpWq5TEn/mobi6hPltPM83aH8oEQ48H0/GtqTUwZkcr+79T9U13xy/476UPDdwNjDIDpsq2PAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Code-Block Sprachenauswahl\"\n        title=\"Code-Block Sprachenauswahl\"\n        src=\"/static/c44b163501b1c8269cf0fdb236d554fe/fcda8/code-block-language.png\"\n        srcset=\"/static/c44b163501b1c8269cf0fdb236d554fe/12f09/code-block-language.png 148w,\n/static/c44b163501b1c8269cf0fdb236d554fe/e4a3f/code-block-language.png 295w,\n/static/c44b163501b1c8269cf0fdb236d554fe/fcda8/code-block-language.png 590w,\n/static/c44b163501b1c8269cf0fdb236d554fe/efc66/code-block-language.png 885w,\n/static/c44b163501b1c8269cf0fdb236d554fe/b7877/code-block-language.png 891w\"\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>Um aus einem Code-Block zu entkommen,\nkann man entweder mit dem Cursor zu einem anderen Text-Block springen oder die Enter-Taste drei mal hintereinander betätigen.</p>\n<h3 id=\"fett-kursiv-und-durchgestrichener-text\" style=\"position:relative;\"><a href=\"#fett-kursiv-und-durchgestrichener-text\" aria-label=\"fett kursiv und durchgestrichener 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>Fett, kursiv und durchgestrichener Text</h3>\n<p>Markierter Text kann fett, kursiv oder durchgestrichen dargestellt werden.</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: 48.64864864864865%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNklEQVQoz52RzU4DMQyE8/5PxBNwRuLGqQdQW7psNrtJnJ9NPki6LaiAhLA0siXb48xEWWtZrKVWerTU6n8BUHoy7A9HTsPA26hZnMN5wXmPdb7nW9gfe4JZLGrUmtPrK+M4MmmNeE8IoSOlRIyBIEIIG0SIMfbeeU6u8855lFkW1nXlNkopWOdIOX/rteVmVZths6jvVFDBW6J4YkzXyzlnvAjD8YCbp07aepf+m9a87A/ElMndv7oRVtRuThyNRbzrV+d5xhhD8I7dMPN01Hi7nL2zFpFATAkJkVwKqdRO1EjXUlF3O8Pj84ma43WpSSUFHk6e+5eFGqW/UkS6zLoR9LqUnhvWUlDBLhg9/ujjb3Eh/OZ7k9y+ehgGpmnqL/i6UOqnnL9gbYTrVjT9HfX/yB8evgME+Q9DBoa5UgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Beispiel für Fett-, Kursiv-, und durchgestrichener Formatierung\"\n        title=\"Beispiel für Fett-, Kursiv-, und durchgestrichener Formatierung\"\n        src=\"/static/737a0ec82dff3ca700427c655857b0bd/fcda8/bold-cursive-strikethrough.png\"\n        srcset=\"/static/737a0ec82dff3ca700427c655857b0bd/12f09/bold-cursive-strikethrough.png 148w,\n/static/737a0ec82dff3ca700427c655857b0bd/e4a3f/bold-cursive-strikethrough.png 295w,\n/static/737a0ec82dff3ca700427c655857b0bd/fcda8/bold-cursive-strikethrough.png 590w,\n/static/737a0ec82dff3ca700427c655857b0bd/efc66/bold-cursive-strikethrough.png 885w,\n/static/737a0ec82dff3ca700427c655857b0bd/b7877/bold-cursive-strikethrough.png 891w\"\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>Markierter Text kann auch verwendet werden, um daraus einen Link zu erstellen.\nDafür öffnet sich bei der Bedienung des jeweiligen Toolbar-Buttons ein Modal.\nIn diesem kann der Link als auch der Text, der als Link dargestellt werden soll, bearbeitet werden.</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: 54.05405405405405%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRUlEQVQoz53TzU7CQBSG4V4IiZASp9KWcGOsWbtR20X33APegdhALAXcSQEXJkhighIkGlCYn85nppXoxmCZ5ElX5+1pk9Esy4JpmrBtG6ZZQqmUnZpXLNuGZhgG6vU6ms0rXPs+Wq1WJr7vIwgCVKtVFItFaMeEIAw7WK9XYIxDHSnlvwkhkhnHcZDPF9IN1RviOAbnPDNK6a9gPg12ul18UAbKBXgsM1EzSdB1UdgFu70emIjBuICQ+BHLvXZBdxc8MQy0bwKsNttkyw0TKS5Ahdxr8/3fzxwXuaMkSNAOe5ivKR5nc0yfF3h4mmH6ssDbluN9y5PnX5afFAzA6fkFcmpDQgjuBgNIAIvXJQ49nueln0yIgctGA/fjMW77fQyjCKPhMDXaL4oGmEwmqNVq0HUdmrop6pZUKpVEuVw+iGqo1hfI2K9AraIl+gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Link Beispiel\"\n        title=\"Link Beispiel\"\n        src=\"/static/0cfa71497cf9700b624fe3eb85859c49/fcda8/link.png\"\n        srcset=\"/static/0cfa71497cf9700b624fe3eb85859c49/12f09/link.png 148w,\n/static/0cfa71497cf9700b624fe3eb85859c49/e4a3f/link.png 295w,\n/static/0cfa71497cf9700b624fe3eb85859c49/fcda8/link.png 590w,\n/static/0cfa71497cf9700b624fe3eb85859c49/87254/link.png 604w\"\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>Falls kein Text markiert wurde und der Button für die Link-Formatierung betätigt wird,\nöffnet sich ebenfalls das Modal, allerdings ist dann der Text für den Link leer.\nDer Link wird hier dann an der Position des Cursors eingefügt.</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>Sollte ein Benutzer keinen ganzen Block an Code benötigen, sondern den Code direkt im Fließtext integrieren wollen,\ndann ist dies ebenfalls möglich.</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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABIUlEQVQoz5WSfU4DIRDF9/7X8QpeQ/9oN2prwi4MM8CwzDNgutamifUlv/A1vMCDKRChmeEiu2of4XpP13ScZ7y9f+B0/oQPBE4JLP9DUoYnguSCyTkH7z1CCGBmpJQGOefBZXxNuVnLKUFEkItiUlXc07Ztg1uZGbSUnzWzMTf2mGFiClCtKKWgm3d6/3TqMZxhVVG1jLmqCooRh3ke8XTLrdkw7QzDc2AkkXHdGCOICCwCHzyWxeHoCEsUCMdRk0tBiIysFdoMtbVxwk43n54PDluK6K+9ritW5yCBEANByePpZcGrV5hmlD0e2006rfW2fRv200VmMMsIViWhekKNjEoRLSVYa78yvMd+ZTwqs5sfd+chu2EdOfzN9gC97gtuGw/12S/nVwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Inline Code Beispiel\"\n        title=\"Inline Code Beispiel\"\n        src=\"/static/cbb9bb92bd6e9e9b5406856a86ee60f0/fcda8/inline-code.png\"\n        srcset=\"/static/cbb9bb92bd6e9e9b5406856a86ee60f0/12f09/inline-code.png 148w,\n/static/cbb9bb92bd6e9e9b5406856a86ee60f0/e4a3f/inline-code.png 295w,\n/static/cbb9bb92bd6e9e9b5406856a86ee60f0/fcda8/inline-code.png 590w,\n/static/cbb9bb92bd6e9e9b5406856a86ee60f0/efc66/inline-code.png 885w,\n/static/cbb9bb92bd6e9e9b5406856a86ee60f0/6c745/inline-code.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=\"horizontale-linien\" style=\"position:relative;\"><a href=\"#horizontale-linien\" aria-label=\"horizontale linien 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>Horizontale Linien</h3>\n<p>Benutzer können ebenfalls eine horizontale Linie einfügen, welche eine eigene gesamte Zeile einnimmt.</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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABB0lEQVQoz6VRi26DMAzM///UvmD/UK2jvAoMQkic4FxlD1A3dZO2Wjphx+Z0PhvnHEIg7JFz/ieADMDUbYv3okBxKdFeO9jZ/Rmzc5is1dx0fY9pmiBKvfcgIkWMESklxK2+h7xrL26zRy/COB/wKJhZh/KDXghBbcrfmroyzRMoeB0iCoc6ay3Ob2dVL/UnSUAgQlU3qOoatDIS540K4JxhXtuAzjqVLWuP44hlcZoLhHhZFiWTr5CvzGDOWBV8HEbezMupx+U6YPwY1FwhEZW7or0Wz6T+elneiFhzJRyaClVZomka/emZUA/l1G52SDHqlWWt3+B/gNpCBGNlTfEmrc9jZdwAjbMOICk8ouAAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Horizontale Linie Beispiel\"\n        title=\"Horizontale Linie Beispiel\"\n        src=\"/static/6039a7d8841e7205dcd74071aa3f209d/fcda8/horizontal-line.png\"\n        srcset=\"/static/6039a7d8841e7205dcd74071aa3f209d/12f09/horizontal-line.png 148w,\n/static/6039a7d8841e7205dcd74071aa3f209d/e4a3f/horizontal-line.png 295w,\n/static/6039a7d8841e7205dcd74071aa3f209d/fcda8/horizontal-line.png 590w,\n/static/6039a7d8841e7205dcd74071aa3f209d/efc66/horizontal-line.png 885w,\n/static/6039a7d8841e7205dcd74071aa3f209d/7388e/horizontal-line.png 1104w\"\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=\"bereinigen-von-formatierungen\" style=\"position:relative;\"><a href=\"#bereinigen-von-formatierungen\" aria-label=\"bereinigen von formatierungen 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>Bereinigen von Formatierungen</h3>\n<p>Um sämtliche Formatierungsoptionen von einem markierten Text zu entfernen,\nbietet die Toolbar ebenfalls einen Button dafür an.</p>\n<p>Hier sieht man zunächst bereits formatierten 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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABKklEQVQoz6VRyVLDMAzN/38Ww40T9x7a0HWaDa+pbemBlFDasBxAM29sP2t5kirvPYx1yIVAzChEfwYRo2q6Huv1GvXLFvvDEYMxsM7DOqeF5FxC+Ps/j34Y4EJAJUSMESklRc75CpbKpdxxAlI19IXPpaDyMerjw3g+JcBYq05Ls9ZCRrU0YohCrw5BVI4ReYyqWJQftjWGrkOMI0IIiCGo3+54wuncIBGQiG8SMqo4XlRJiR5P+1c8blqMzuDiLR52Ds+HATk4TeScm0Yxd/K5jAlyr9quQ13XWuEcEk4+gUsBl4y9S2hDAqioc85T+8z8LYps2YeA1WqlW/rJ+PYuwTPHy7lLyzL0oe/RNg2MMbrVOfJa+RrOjN9smmEmZGL1FeI/KO8J3wBxUA9oSByqrgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Formatiertert Text\"\n        title=\"Formatiertert Text\"\n        src=\"/static/ff40137797e405f89612f4c060d002f2/fcda8/pre-format-removal.png\"\n        srcset=\"/static/ff40137797e405f89612f4c060d002f2/12f09/pre-format-removal.png 148w,\n/static/ff40137797e405f89612f4c060d002f2/e4a3f/pre-format-removal.png 295w,\n/static/ff40137797e405f89612f4c060d002f2/fcda8/pre-format-removal.png 590w,\n/static/ff40137797e405f89612f4c060d002f2/efc66/pre-format-removal.png 885w,\n/static/ff40137797e405f89612f4c060d002f2/6c745/pre-format-removal.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>Nachdem Bereinigen der Formatierungen sieht der Text so aus.</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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAACXBIWXMAAAsTAAALEwEAmpwYAAABD0lEQVQoz6WRjWqEMBCE8/6PVehjFFqvFU+N5j/G/EzZWK13FEp7Cx8ms2GZHZn3HlobrDEil4KU8v/IG0wohbemQXN5x0fbYhYS2lgobX7HbF96PwsBbR2YdR7WGqQYN1KqZCJn5JwO7ehVPd/pETElMG0tnHOg2h+WUhBjxDAMtUf3c49zDj5NNaJSUDWqVAoYuVoXD78sWE5QttM0QUqJEMJ3LwRIpeuqqQ7BUXRkz63B08sVTs4YRo6u69D3w+aCT+j7HiPndTBp5Nh5f4PfWQLYazfiKgxiCPD+1uVPkNuwn+90pRSYEjOMVjXQR4vcs3kWkErBGIN1XR8fSMFrrWG//rY/Z/IHaG1a+RNIhgxccH0R5gAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Text ohne Formatierung\"\n        title=\"Text ohne Formatierung\"\n        src=\"/static/dfde5723d17e2cd5d996912e0dd5f635/fcda8/after-format-removal.png\"\n        srcset=\"/static/dfde5723d17e2cd5d996912e0dd5f635/12f09/after-format-removal.png 148w,\n/static/dfde5723d17e2cd5d996912e0dd5f635/e4a3f/after-format-removal.png 295w,\n/static/dfde5723d17e2cd5d996912e0dd5f635/fcda8/after-format-removal.png 590w,\n/static/dfde5723d17e2cd5d996912e0dd5f635/efc66/after-format-removal.png 885w,\n/static/dfde5723d17e2cd5d996912e0dd5f635/3a737/after-format-removal.png 897w\"\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":"Um das Editieren einer Markdown Datei zu unterstützen, wird durch dieses Plugin ein Rich-Text-Editor angeboten, welcher mit Markdown-Dateien kompatibel ist…","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=\"#formatierungsoptionen\">Formatierungsoptionen</a></p>\n<ul>\n<li><a href=\"#paragraph\">Paragraph</a></li>\n<li><a href=\"#%C3%BCberschriften\">Überschriften</a></li>\n<li><a href=\"#ungeordnete-listen\">Ungeordnete Listen</a></li>\n<li><a href=\"#nummerierte-listen\">Nummerierte Listen</a></li>\n<li><a href=\"#zitate\">Zitate</a></li>\n<li><a href=\"#code-bl%C3%B6cke\">Code-Blöcke</a></li>\n<li><a href=\"#fett-kursiv-und-durchgestrichener-text\">Fett, kursiv und durchgestrichener 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=\"#horizontale-linien\">Horizontale Linien</a></li>\n<li><a href=\"#bereinigen-von-formatierungen\">Bereinigen von Formatierungen</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/de/markdown-text-editor/","version":"1.1.x","latestVersion":"1.1.x","latestPageVersion":"1.1.x","language":"de","canonicalPath":"/plugins/scm-documentation-viewer-plugin/docs/latest/de/markdown-text-editor/","latestRootPath":"/plugins/scm-documentation-viewer-plugin/docs/1.1.x/de/"}},
    "staticQueryHashes": ["1973669194","2742214048","2956773653","2957019495","698804963"]}