Add latest changes from gitlab-org/gitlab@master

author: GitLab Bot <gitlab-bot@gitlab.com> 2022-12-02 06:07:57 +0300
committer: GitLab Bot <gitlab-bot@gitlab.com> 2022-12-02 06:07:57 +0300
commit: 0409a31740fa29fa1131c0496da16677cb3debe4 (patch)
tree: 4cbcd702a01145e8acd723f21b6bd52f3c6639d0 /glfm_specification
parent: b26eec8cbcf32085079eee0e196456eccefc993f (diff)
9 files changed, 5631 insertions, 0 deletions
diff --git a/glfm_specification/input/gitlab_flavored_markdown/glfm_example_metadata.yml b/glfm_specification/input/gitlab_flavored_markdown/glfm_example_metadata.yml
index 7fc1f9d9be0..84ce1d7a368 100644
--- a/glfm_specification/input/gitlab_flavored_markdown/glfm_example_metadata.yml
+++ b/glfm_specification/input/gitlab_flavored_markdown/glfm_example_metadata.yml
@@ -12,3 +12,20 @@
 08_03_00__gitlab_internal_extension_markdown__markdown_preview_api_request_overrides__006:
   ee: true
   api_request_override_path: /groups/glfm_group/-/wikis/new_page/preview_markdown
+08_04_01__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_group__001:
+  api_request_override_path: /groups/glfm_group/preview_markdown
+08_04_02__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project__001:
+  api_request_override_path: /glfm_group/glfm_project/preview_markdown
+08_04_03__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project_wiki__001:
+  api_request_override_path: /glfm_group/glfm_project/-/wikis/new_page/preview_markdown
+08_04_04__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group__001:
+  api_request_override_path: /groups/glfm_group/preview_markdown
+08_04_05__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project__001:
+  api_request_override_path: /glfm_group/glfm_project/preview_markdown
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001:
+  api_request_override_path: /glfm_group/glfm_project/-/wikis/new_page/preview_markdown
+08_04_07__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group_wiki__001:
+  ee: true
+  api_request_override_path: /groups/glfm_group/-/wikis/new_page/preview_markdown
+08_04_46__gitlab_internal_extension_markdown__migrated_golden_master_examples__reference_for_project_wiki__001:
+  api_request_override_path: /glfm_group/glfm_project/-/wikis/new_page/preview_markdown
diff --git a/glfm_specification/input/gitlab_flavored_markdown/glfm_example_status.yml b/glfm_specification/input/gitlab_flavored_markdown/glfm_example_status.yml
index a0ce7f44a3c..e986f5309e8 100644
--- a/glfm_specification/input/gitlab_flavored_markdown/glfm_example_status.yml
+++ b/glfm_specification/input/gitlab_flavored_markdown/glfm_example_status.yml
@@ -60,3 +60,21 @@
   skip_running_conformance_wysiwyg_tests: Not yet implemented. See https://gitlab.com/gitlab-org/gitlab/-/merge_requests/92507#note_1068159236
   skip_running_snapshot_wysiwyg_html_tests: Not yet implemented. See https://gitlab.com/gitlab-org/gitlab/-/merge_requests/92507#note_1068159236
   skip_running_snapshot_prosemirror_json_tests: Not yet implemented. See https://gitlab.com/gitlab-org/gitlab/-/merge_requests/92507#note_1068159236
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001:
+  skip_update_example_snapshot_html_wysiwyg: The current frontend example doesn't include the path, need to look into why not
+  skip_update_example_snapshot_prosemirror_json: The current frontend example doesn't include the path, need to look into why not
+  skip_running_conformance_wysiwyg_tests: The current frontend example doesn't include the path, need to look into why not
+  skip_running_snapshot_wysiwyg_html_tests: The current frontend example doesn't include the path, need to look into why not
+  skip_running_snapshot_prosemirror_json_tests: The current frontend example doesn't include the path, need to look into why not
+08_04_44__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list__001:
+  skip_update_example_snapshot_html_wysiwyg: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_update_example_snapshot_prosemirror_json: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_conformance_wysiwyg_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_snapshot_wysiwyg_html_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_snapshot_prosemirror_json_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+08_04_50__gitlab_internal_extension_markdown__migrated_golden_master_examples__task_list__001:
+  skip_update_example_snapshot_html_wysiwyg: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_update_example_snapshot_prosemirror_json: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_conformance_wysiwyg_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_snapshot_wysiwyg_html_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
+  skip_running_snapshot_prosemirror_json_tests: Example currently fails. See https://gitlab.com/gitlab-org/gitlab/-/issues/383866
diff --git a/glfm_specification/input/gitlab_flavored_markdown/glfm_internal_extensions.md b/glfm_specification/input/gitlab_flavored_markdown/glfm_internal_extensions.md
index d2b94806826..4d5b16b7ec0 100644
--- a/glfm_specification/input/gitlab_flavored_markdown/glfm_internal_extensions.md
+++ b/glfm_specification/input/gitlab_flavored_markdown/glfm_internal_extensions.md
@@ -110,4 +110,590 @@ also requires an EE license enabling the `group_wikis` feature:
 .
 <p><a href="group-wikis-test-file">group-wikis-test-file</a></p>
 ````````````````````````````````
+
+## Migrated golden master examples
+
+### attachment_image_for_group
+
+```````````````````````````````` example gitlab
+![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_image_for_project
+
+```````````````````````````````` example gitlab
+![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_image_for_project_wiki
+
+```````````````````````````````` example gitlab
+![test-file](test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_group
+
+```````````````````````````````` example gitlab
+[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_project
+
+```````````````````````````````` example gitlab
+[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_project_wiki
+
+```````````````````````````````` example gitlab
+[test-file](test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_group_wiki
+
+```````````````````````````````` example gitlab
+[test-file](test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### audio
+
+```````````````````````````````` example gitlab
+![Sample Audio](https://gitlab.com/gitlab.mp3)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### audio_and_video_in_lists
+
+```````````````````````````````` example gitlab
+* ![Sample Audio](https://gitlab.com/1.mp3)
+* ![Sample Video](https://gitlab.com/2.mp4)
+
+1. ![Sample Video](https://gitlab.com/1.mp4)
+2. ![Sample Audio](https://gitlab.com/2.mp3)
+
+* [x] ![Sample Audio](https://gitlab.com/1.mp3)
+* [x] ![Sample Audio](https://gitlab.com/2.mp3)
+* [x] ![Sample Video](https://gitlab.com/3.mp4)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### blockquote
+
+```````````````````````````````` example gitlab
+> This is a blockquote
+>
+> This is another one
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bold
+
+```````````````````````````````` example gitlab
+**bold**
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_1
+
+```````````````````````````````` example gitlab
+* list item 1
+* list item 2
+  * embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_2
+
+```````````````````````````````` example gitlab
+- list item 1
+- list item 2
+  * embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_3
+
+```````````````````````````````` example gitlab
++ list item 1
++ list item 2
+  - embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_javascript
+
+```````````````````````````````` example gitlab
+```javascript
+  console.log('hello world')
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_plaintext
+
+```````````````````````````````` example gitlab
+```
+  plaintext
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_unknown
+
+```````````````````````````````` example gitlab
+```foobar
+  custom_language = >> this <<
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### color_chips
+
+```````````````````````````````` example gitlab
+- `#F00`
+- `#F00A`
+- `#FF0000`
+- `#FF0000AA`
+- `RGB(0,255,0)`
+- `RGB(0%,100%,0%)`
+- `RGBA(0,255,0,0.3)`
+- `HSL(540,70%,50%)`
+- `HSLA(540,70%,50%,0.3)`
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### description_list
+
+```````````````````````````````` example gitlab
+<dl>
+<dt>Frog</dt>
+<dd>Wet green thing</dd>
+<dt>Rabbit</dt>
+<dd>Warm fluffy thing</dd>
+<dt>Punt</dt>
+<dd>Kick a ball</dd>
+<dd>Take a bet</dd>
+<dt>Color</dt>
+<dt>Colour</dt>
+<dd>
+
+Any hue except _white_ or **black**
+
+</dd>
+</dl>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### details
+
+```````````````````````````````` example gitlab
+<details>
+<summary>This is the visible summary of the collapsible section</summary>
+
+1. collapsed markdown
+2. more collapsed markdown
+
+</details>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_kroki_nomnoml
+
+```````````````````````````````` example gitlab
+```nomnoml
+  #stroke: #a86128
+  [<frame>Decorator pattern|
+    [<abstract>Component||+ operation()]
+    [Client] depends --> [Component]
+    [Decorator|- next: Component]
+    [Decorator] decorates -- [ConcreteComponent]
+    [Component] <:- [Decorator]
+    [Component] <:- [ConcreteComponent]
+  ]
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_plantuml
+
+```````````````````````````````` example gitlab
+```plantuml
+  Alice -> Bob: Authentication Request
+  Bob --> Alice: Authentication Response
+
+  Alice -> Bob: Another authentication Request
+  Alice <-- Bob: Another authentication Response
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_plantuml_unicode
+
+```````````````````````````````` example gitlab
+```plantuml
+A -> B : Text with norwegian characters: æøå
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### div
+
+```````````````````````````````` example gitlab
+<div>plain text</div>
+<div>
+
+just a plain ol' div, not much to _expect_!
+
+</div>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### emoji
+
+```````````````````````````````` example gitlab
+:sparkles: :heart: :100:
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### emphasis
+
+```````````````````````````````` example gitlab
+_emphasized text_
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### figure
+
+```````````````````````````````` example gitlab
+<figure>
+
+![Elephant at sunset](elephant-sunset.jpg)
+
+<figcaption>An elephant at sunset</figcaption>
+</figure>
+<figure>
+
+![A crocodile wearing crocs](croc-crocs.jpg)
+
+<figcaption>
+
+A crocodile wearing _crocs_!
+
+</figcaption>
+</figure>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### footnotes
+
+```````````````````````````````` example gitlab
+A footnote reference tag looks like this: [^1]
+
+This reference tag is a mix of letters and numbers. [^footnote]
+
+[^1]: This is the text inside a footnote.
+
+[^footnote]: This is another footnote.
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_json
+
+```````````````````````````````` example gitlab
+;;;
+{
+  "title": "Page title"
+}
+;;;
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_toml
+
+```````````````````````````````` example gitlab
++++
+title = "Page title"
++++
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_yaml
+
+```````````````````````````````` example gitlab
+---
+title: Page title
+---
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### hard_break
+
+```````````````````````````````` example gitlab
+This is a line after a\
+hard break
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### headings
+
+```````````````````````````````` example gitlab
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### horizontal_rule
+
+```````````````````````````````` example gitlab
+---
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### html_marks
+
+```````````````````````````````` example gitlab
+* Content editor is ~~great~~<ins>amazing</ins>.
+* If the changes <abbr title="Looks good to merge">LGTM</abbr>, please <abbr title="Merge when pipeline succeeds">MWPS</abbr>.
+* The English song <q>Oh I do like to be beside the seaside</q> looks like this in Hebrew: <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>. In the computer's memory, this is stored as <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>.
+* <cite>The Scream</cite> by Edvard Munch. Painted in 1893.
+* <dfn>HTML</dfn> is the standard markup language for creating web pages.
+* Do not forget to buy <mark>milk</mark> today.
+* This is a paragraph and <small>smaller text goes here</small>.
+* The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
+* Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
+* WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.
+* The error occurred was: <samp>Keyboard not found. Press F1 to continue.</samp>
+* The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.
+* <ruby>漢<rt>ㄏㄢˋ</rt></ruby>
+* C<sub>7</sub>H<sub>16</sub> + O<sub>2</sub> → CO<sub>2</sub> + H<sub>2</sub>O
+* The **Pythagorean theorem** is often expressed as <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### image
+
+```````````````````````````````` example gitlab
+![alt text](https://gitlab.com/logo.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### inline_code
+
+```````````````````````````````` example gitlab
+`code`
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### inline_diff
+
+```````````````````````````````` example gitlab
+* {-deleted-}
+* {+added+}
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### label
+
+```````````````````````````````` example gitlab
+~bug
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### link
+
+```````````````````````````````` example gitlab
+[GitLab](https://gitlab.com)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### math
+
+```````````````````````````````` example gitlab
+This math is inline $`a^2+b^2=c^2`$.
+
+This is on a separate line:
+
+```math
+a^2+b^2=c^2
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_list
+
+```````````````````````````````` example gitlab
+1. list item 1
+2. list item 2
+3. list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_list_with_start_order
+
+```````````````````````````````` example gitlab
+134. list item 1
+135. list item 2
+136. list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_task_list
+
+```````````````````````````````` example gitlab
+1. [x] hello
+2. [x] world
+3. [ ] example
+   1. [ ] of nested
+      1. [x] task list
+      2. [ ] items
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_task_list_with_order
+
+```````````````````````````````` example gitlab
+4893. [x] hello
+4894. [x] world
+4895. [ ] example
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### reference_for_project_wiki
+
+```````````````````````````````` example gitlab
+Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### strike
+
+```````````````````````````````` example gitlab
+~~del~~
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### table
+
+```````````````````````````````` example gitlab
+| header | header |
+|--------|--------|
+| `code` | cell with **bold** |
+| ~~strike~~ | cell with _italic_ |
+
+# content after table
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### table_of_contents
+
+```````````````````````````````` example gitlab
+[[_TOC_]]
+
+# Lorem
+
+Well, that's just like... your opinion.. man.
+
+## Ipsum
+
+### Dolar
+
+# Sit amit
+
+### I don't know
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### task_list
+
+```````````````````````````````` example gitlab
+* [x] hello
+* [x] world
+* [ ] example
+  * [ ] of nested
+    * [x] task list
+    * [ ] items
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### video
+
+```````````````````````````````` example gitlab
+![Sample Video](https://gitlab.com/gitlab.mp4)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### word_break
+
+```````````````````````````````` example gitlab
+Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
 <!-- END TESTS -->
diff --git a/glfm_specification/output_example_snapshots/examples_index.yml b/glfm_specification/output_example_snapshots/examples_index.yml
index 45d10679a71..934be77ebd5 100644
--- a/glfm_specification/output_example_snapshots/examples_index.yml
+++ b/glfm_specification/output_example_snapshots/examples_index.yml
@@ -2084,3 +2084,159 @@
 08_03_00__gitlab_internal_extension_markdown__markdown_preview_api_request_overrides__006:
   spec_example_position: 697
   source_specification: gitlab
+08_04_01__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_group__001:
+  spec_example_position: 698
+  source_specification: gitlab
+08_04_02__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project__001:
+  spec_example_position: 699
+  source_specification: gitlab
+08_04_03__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project_wiki__001:
+  spec_example_position: 700
+  source_specification: gitlab
+08_04_04__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group__001:
+  spec_example_position: 701
+  source_specification: gitlab
+08_04_05__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project__001:
+  spec_example_position: 702
+  source_specification: gitlab
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001:
+  spec_example_position: 703
+  source_specification: gitlab
+08_04_07__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group_wiki__001:
+  spec_example_position: 704
+  source_specification: gitlab
+08_04_08__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio__001:
+  spec_example_position: 705
+  source_specification: gitlab
+08_04_09__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio_and_video_in_lists__001:
+  spec_example_position: 706
+  source_specification: gitlab
+08_04_10__gitlab_internal_extension_markdown__migrated_golden_master_examples__blockquote__001:
+  spec_example_position: 707
+  source_specification: gitlab
+08_04_11__gitlab_internal_extension_markdown__migrated_golden_master_examples__bold__001:
+  spec_example_position: 708
+  source_specification: gitlab
+08_04_12__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_1__001:
+  spec_example_position: 709
+  source_specification: gitlab
+08_04_13__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_2__001:
+  spec_example_position: 710
+  source_specification: gitlab
+08_04_14__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_3__001:
+  spec_example_position: 711
+  source_specification: gitlab
+08_04_15__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_javascript__001:
+  spec_example_position: 712
+  source_specification: gitlab
+08_04_16__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_plaintext__001:
+  spec_example_position: 713
+  source_specification: gitlab
+08_04_17__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_unknown__001:
+  spec_example_position: 714
+  source_specification: gitlab
+08_04_18__gitlab_internal_extension_markdown__migrated_golden_master_examples__color_chips__001:
+  spec_example_position: 715
+  source_specification: gitlab
+08_04_19__gitlab_internal_extension_markdown__migrated_golden_master_examples__description_list__001:
+  spec_example_position: 716
+  source_specification: gitlab
+08_04_20__gitlab_internal_extension_markdown__migrated_golden_master_examples__details__001:
+  spec_example_position: 717
+  source_specification: gitlab
+08_04_21__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_kroki_nomnoml__001:
+  spec_example_position: 718
+  source_specification: gitlab
+08_04_22__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml__001:
+  spec_example_position: 719
+  source_specification: gitlab
+08_04_23__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml_unicode__001:
+  spec_example_position: 720
+  source_specification: gitlab
+08_04_24__gitlab_internal_extension_markdown__migrated_golden_master_examples__div__001:
+  spec_example_position: 721
+  source_specification: gitlab
+08_04_25__gitlab_internal_extension_markdown__migrated_golden_master_examples__emoji__001:
+  spec_example_position: 722
+  source_specification: gitlab
+08_04_26__gitlab_internal_extension_markdown__migrated_golden_master_examples__emphasis__001:
+  spec_example_position: 723
+  source_specification: gitlab
+08_04_27__gitlab_internal_extension_markdown__migrated_golden_master_examples__figure__001:
+  spec_example_position: 724
+  source_specification: gitlab
+08_04_28__gitlab_internal_extension_markdown__migrated_golden_master_examples__footnotes__001:
+  spec_example_position: 725
+  source_specification: gitlab
+08_04_29__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_json__001:
+  spec_example_position: 726
+  source_specification: gitlab
+08_04_30__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_toml__001:
+  spec_example_position: 727
+  source_specification: gitlab
+08_04_31__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_yaml__001:
+  spec_example_position: 728
+  source_specification: gitlab
+08_04_32__gitlab_internal_extension_markdown__migrated_golden_master_examples__hard_break__001:
+  spec_example_position: 729
+  source_specification: gitlab
+08_04_33__gitlab_internal_extension_markdown__migrated_golden_master_examples__headings__001:
+  spec_example_position: 730
+  source_specification: gitlab
+08_04_34__gitlab_internal_extension_markdown__migrated_golden_master_examples__horizontal_rule__001:
+  spec_example_position: 731
+  source_specification: gitlab
+08_04_35__gitlab_internal_extension_markdown__migrated_golden_master_examples__html_marks__001:
+  spec_example_position: 732
+  source_specification: gitlab
+08_04_36__gitlab_internal_extension_markdown__migrated_golden_master_examples__image__001:
+  spec_example_position: 733
+  source_specification: gitlab
+08_04_37__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_code__001:
+  spec_example_position: 734
+  source_specification: gitlab
+08_04_38__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_diff__001:
+  spec_example_position: 735
+  source_specification: gitlab
+08_04_39__gitlab_internal_extension_markdown__migrated_golden_master_examples__label__001:
+  spec_example_position: 736
+  source_specification: gitlab
+08_04_40__gitlab_internal_extension_markdown__migrated_golden_master_examples__link__001:
+  spec_example_position: 737
+  source_specification: gitlab
+08_04_41__gitlab_internal_extension_markdown__migrated_golden_master_examples__math__001:
+  spec_example_position: 738
+  source_specification: gitlab
+08_04_42__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list__001:
+  spec_example_position: 739
+  source_specification: gitlab
+08_04_43__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list_with_start_order__001:
+  spec_example_position: 740
+  source_specification: gitlab
+08_04_44__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list__001:
+  spec_example_position: 741
+  source_specification: gitlab
+08_04_45__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list_with_order__001:
+  spec_example_position: 742
+  source_specification: gitlab
+08_04_46__gitlab_internal_extension_markdown__migrated_golden_master_examples__reference_for_project_wiki__001:
+  spec_example_position: 743
+  source_specification: gitlab
+08_04_47__gitlab_internal_extension_markdown__migrated_golden_master_examples__strike__001:
+  spec_example_position: 744
+  source_specification: gitlab
+08_04_48__gitlab_internal_extension_markdown__migrated_golden_master_examples__table__001:
+  spec_example_position: 745
+  source_specification: gitlab
+08_04_49__gitlab_internal_extension_markdown__migrated_golden_master_examples__table_of_contents__001:
+  spec_example_position: 746
+  source_specification: gitlab
+08_04_50__gitlab_internal_extension_markdown__migrated_golden_master_examples__task_list__001:
+  spec_example_position: 747
+  source_specification: gitlab
+08_04_51__gitlab_internal_extension_markdown__migrated_golden_master_examples__video__001:
+  spec_example_position: 748
+  source_specification: gitlab
+08_04_52__gitlab_internal_extension_markdown__migrated_golden_master_examples__word_break__001:
+  spec_example_position: 749
+  source_specification: gitlab
diff --git a/glfm_specification/output_example_snapshots/html.yml b/glfm_specification/output_example_snapshots/html.yml
index 99c844c8794..c724f670bb5 100644
--- a/glfm_specification/output_example_snapshots/html.yml
+++ b/glfm_specification/output_example_snapshots/html.yml
@@ -7948,3 +7948,680 @@
     <p><a href="group-wikis-test-file">group-wikis-test-file</a></p>
   static: |-
     <p data-sourcepos="1:1-1:46" dir="auto"><a href="/groups/glfm_group/-/wikis/group-wikis-test-file" data-canonical-src="group-wikis-test-file">group-wikis-test-file</a></p>
+08_04_01__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_group__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:69" dir="auto"><a class="no-attachment-icon gfm" href="/groups/glfm_group/-/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" target="_blank" rel="noopener noreferrer" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" data-link="true"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="test-file" decoding="async" class="lazy gfm" data-src="/groups/glfm_group/-/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png"></a></p>
+  wysiwyg: |-
+    <p><img src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" alt="test-file"></p>
+08_04_02__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:69" dir="auto"><a class="no-attachment-icon gfm" href="/glfm_group/glfm_project/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" target="_blank" rel="noopener noreferrer" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" data-link="true"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="test-file" decoding="async" class="lazy gfm" data-src="/glfm_group/glfm_project/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png"></a></p>
+  wysiwyg: |-
+    <p><img src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png" alt="test-file"></p>
+08_04_03__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project_wiki__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:27" dir="auto"><a class="no-attachment-icon" href="/glfm_group/glfm_project/-/wikis/test-file.png" target="_blank" rel="noopener noreferrer" data-canonical-src="test-file.png"><img alt="test-file" decoding="async" class="lazy" data-src="/glfm_group/glfm_project/-/wikis/test-file.png" data-canonical-src="test-file.png"></a></p>
+  wysiwyg: |-
+    <p><img src="test-file.png" alt="test-file"></p>
+08_04_04__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:68" dir="auto"><a href="/groups/glfm_group/-/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip" data-link="true" class="gfm">test-file</a></p>
+  wysiwyg: |-
+    <p><a target="_blank" rel="noopener noreferrer nofollow" href="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip">test-file</a></p>
+08_04_05__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:68" dir="auto"><a href="/glfm_group/glfm_project/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip" data-canonical-src="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip" data-link="true" class="gfm">test-file</a></p>
+  wysiwyg: |-
+    <p><a target="_blank" rel="noopener noreferrer nofollow" href="/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip">test-file</a></p>
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:26" dir="auto"><a href="/glfm_group/glfm_project/-/wikis/test-file.zip" data-canonical-src="test-file.zip">test-file</a></p>
+08_04_07__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group_wiki__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:26" dir="auto"><a href="/groups/glfm_group/-/wikis/test-file.zip" data-canonical-src="test-file.zip">test-file</a></p>
+  wysiwyg: |-
+    <p><a target="_blank" rel="noopener noreferrer nofollow" href="test-file.zip">test-file</a></p>
+08_04_08__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:46" dir="auto"><span class="media-container audio-container"><audio src="https://gitlab.com/gitlab.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/gitlab.mp3" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Audio'">Sample Audio</a></span></p>
+  wysiwyg: |-
+    <p><span class="media-container audio-container"><audio src="https://gitlab.com/gitlab.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/gitlab.mp3">Sample Audio</a></span></p>
+08_04_09__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio_and_video_in_lists__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-3:0" dir="auto">
+    <li data-sourcepos="1:1-1:43"><span class="media-container audio-container"><audio src="https://gitlab.com/1.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/1.mp3" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Audio'">Sample Audio</a></span></li>
+    <li data-sourcepos="2:1-3:0"><span class="media-container video-container"><video src="https://gitlab.com/2.mp4" controls="true" data-setup="{}" data-title="Sample Video" width="400" preload="metadata"></video><a href="https://gitlab.com/2.mp4" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Video'">Sample Video</a></span></li>
+    </ul>
+    <ol data-sourcepos="4:1-6:0" dir="auto">
+    <li data-sourcepos="4:1-4:44"><span class="media-container video-container"><video src="https://gitlab.com/1.mp4" controls="true" data-setup="{}" data-title="Sample Video" width="400" preload="metadata"></video><a href="https://gitlab.com/1.mp4" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Video'">Sample Video</a></span></li>
+    <li data-sourcepos="5:1-6:0"><span class="media-container audio-container"><audio src="https://gitlab.com/2.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/2.mp3" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Audio'">Sample Audio</a></span></li>
+    </ol>
+    <ul data-sourcepos="7:1-9:47" class="task-list" dir="auto">
+    <li data-sourcepos="7:1-7:47" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> <span class="media-container audio-container"><audio src="https://gitlab.com/1.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/1.mp3" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Audio'">Sample Audio</a></span>
+    </li>
+    <li data-sourcepos="8:1-8:47" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> <span class="media-container audio-container"><audio src="https://gitlab.com/2.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/2.mp3" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Audio'">Sample Audio</a></span>
+    </li>
+    <li data-sourcepos="9:1-9:47" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> <span class="media-container video-container"><video src="https://gitlab.com/3.mp4" controls="true" data-setup="{}" data-title="Sample Video" width="400" preload="metadata"></video><a href="https://gitlab.com/3.mp4" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Video'">Sample Video</a></span>
+    </li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p><span class="media-container audio-container"><audio src="https://gitlab.com/1.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/1.mp3">Sample Audio</a></span></p></li><li><p><span class="media-container video-container"><video src="https://gitlab.com/2.mp4" controls="true" data-setup="{}" data-title="Sample Video"></video><a href="https://gitlab.com/2.mp4">Sample Video</a></span></p></li></ul>
+    <ol parens="false"><li><p><span class="media-container video-container"><video src="https://gitlab.com/1.mp4" controls="true" data-setup="{}" data-title="Sample Video"></video><a href="https://gitlab.com/1.mp4">Sample Video</a></span></p></li><li><p><span class="media-container audio-container"><audio src="https://gitlab.com/2.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/2.mp3">Sample Audio</a></span></p></li></ol>
+    <ul start="1" parens="false" data-type="taskList"><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p><span class="media-container audio-container"><audio src="https://gitlab.com/1.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/1.mp3">Sample Audio</a></span></p></div></li><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p><span class="media-container audio-container"><audio src="https://gitlab.com/2.mp3" controls="true" data-setup="{}" data-title="Sample Audio"></audio><a href="https://gitlab.com/2.mp3">Sample Audio</a></span></p></div></li><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p><span class="media-container video-container"><video src="https://gitlab.com/3.mp4" controls="true" data-setup="{}" data-title="Sample Video"></video><a href="https://gitlab.com/3.mp4">Sample Video</a></span></p></div></li></ul>
+08_04_10__gitlab_internal_extension_markdown__migrated_golden_master_examples__blockquote__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <blockquote data-sourcepos="1:1-3:21" dir="auto">
+    <p data-sourcepos="1:3-1:22">This is a blockquote</p>
+    <p data-sourcepos="3:3-3:21">This is another one</p>
+    </blockquote>
+  wysiwyg: |-
+    <blockquote multiline="false"><p>This is a blockquote</p><p>This is another one</p></blockquote>
+08_04_11__gitlab_internal_extension_markdown__migrated_golden_master_examples__bold__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:8" dir="auto"><strong>bold</strong></p>
+  wysiwyg: |-
+    <p><strong>bold</strong></p>
+08_04_12__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_1__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-3:24" dir="auto">
+    <li data-sourcepos="1:1-1:13">list item 1</li>
+    <li data-sourcepos="2:1-3:24">list item 2
+    <ul data-sourcepos="3:3-3:24">
+    <li data-sourcepos="3:3-3:24">embedded list item 3</li>
+    </ul>
+    </li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p>list item 1</p></li><li><p>list item 2</p><ul bullet="*"><li><p>embedded list item 3</p></li></ul></li></ul>
+08_04_13__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_2__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-3:24" dir="auto">
+    <li data-sourcepos="1:1-1:13">list item 1</li>
+    <li data-sourcepos="2:1-3:24">list item 2
+    <ul data-sourcepos="3:3-3:24">
+    <li data-sourcepos="3:3-3:24">embedded list item 3</li>
+    </ul>
+    </li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p>list item 1</p></li><li><p>list item 2</p><ul bullet="*"><li><p>embedded list item 3</p></li></ul></li></ul>
+08_04_14__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_3__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-3:24" dir="auto">
+    <li data-sourcepos="1:1-1:13">list item 1</li>
+    <li data-sourcepos="2:1-3:24">list item 2
+    <ul data-sourcepos="3:3-3:24">
+    <li data-sourcepos="3:3-3:24">embedded list item 3</li>
+    </ul>
+    </li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p>list item 1</p></li><li><p>list item 2</p><ul bullet="*"><li><p>embedded list item 3</p></li></ul></li></ul>
+08_04_15__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_javascript__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="javascript" class="code highlight js-syntax-highlight language-javascript" v-pre="true"><code><span id="LC1" class="line" lang="javascript">  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="dl">'</span><span class="s1">hello world</span><span class="dl">'</span><span class="p">)</span></span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="javascript" class="content-editor-code-block undefined code highlight"><code>  console.log('hello world')</code></pre>
+08_04_16__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_plaintext__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">  plaintext</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre class="content-editor-code-block undefined code highlight"><code>  plaintext</code></pre>
+08_04_17__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_unknown__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="foobar" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">  custom_language = &gt;&gt; this &lt;&lt;</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="foobar" class="content-editor-code-block undefined code highlight"><code>  custom_language = &gt;&gt; this &lt;&lt;</code></pre>
+08_04_18__gitlab_internal_extension_markdown__migrated_golden_master_examples__color_chips__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-9:25" dir="auto">
+    <li data-sourcepos="1:1-1:8"><code>#F00<span class="gfm-color_chip"><span style="background-color: #F00;"></span></span></code></li>
+    <li data-sourcepos="2:1-2:9"><code>#F00A<span class="gfm-color_chip"><span style="background-color: #F00A;"></span></span></code></li>
+    <li data-sourcepos="3:1-3:11"><code>#FF0000<span class="gfm-color_chip"><span style="background-color: #FF0000;"></span></span></code></li>
+    <li data-sourcepos="4:1-4:13"><code>#FF0000AA<span class="gfm-color_chip"><span style="background-color: #FF0000AA;"></span></span></code></li>
+    <li data-sourcepos="5:1-5:16"><code>RGB(0,255,0)<span class="gfm-color_chip"><span style="background-color: RGB(0,255,0);"></span></span></code></li>
+    <li data-sourcepos="6:1-6:19"><code>RGB(0%,100%,0%)<span class="gfm-color_chip"><span style="background-color: RGB(0%,100%,0%);"></span></span></code></li>
+    <li data-sourcepos="7:1-7:21"><code>RGBA(0,255,0,0.3)<span class="gfm-color_chip"><span style="background-color: RGBA(0,255,0,0.3);"></span></span></code></li>
+    <li data-sourcepos="8:1-8:20"><code>HSL(540,70%,50%)<span class="gfm-color_chip"><span style="background-color: HSL(540,70%,50%);"></span></span></code></li>
+    <li data-sourcepos="9:1-9:25"><code>HSLA(540,70%,50%,0.3)<span class="gfm-color_chip"><span style="background-color: HSLA(540,70%,50%,0.3);"></span></span></code></li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p><code>#F00</code></p></li><li><p><code>#F00A</code></p></li><li><p><code>#FF0000</code></p></li><li><p><code>#FF0000AA</code></p></li><li><p><code>RGB(0,255,0)</code></p></li><li><p><code>RGB(0%,100%,0%)</code></p></li><li><p><code>RGBA(0,255,0,0.3)</code></p></li><li><p><code>HSL(540,70%,50%)</code></p></li><li><p><code>HSLA(540,70%,50%,0.3)</code></p></li></ul>
+08_04_19__gitlab_internal_extension_markdown__migrated_golden_master_examples__description_list__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <dl>
+    <dt>Frog</dt>
+    <dd>Wet green thing</dd>
+    <dt>Rabbit</dt>
+    <dd>Warm fluffy thing</dd>
+    <dt>Punt</dt>
+    <dd>Kick a ball</dd>
+    <dd>Take a bet</dd>
+    <dt>Color</dt>
+    <dt>Colour</dt>
+    <dd>
+    <p data-sourcepos="13:1-13:35">Any hue except <em>white</em> or <strong>black</strong></p>
+    </dd>
+    </dl>
+  wysiwyg: |-
+    <p></p>
+08_04_20__gitlab_internal_extension_markdown__migrated_golden_master_examples__details__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <details>
+    <summary>This is the visible summary of the collapsible section</summary>
+    <ol data-sourcepos="4:1-6:0">
+    <li data-sourcepos="4:1-4:21">collapsed markdown</li>
+    <li data-sourcepos="5:1-6:0">more collapsed markdown</li>
+    </ol>
+    </details>
+  wysiwyg: |-
+    <p></p>
+08_04_21__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_kroki_nomnoml__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-11:3" lang="nomnoml" class="code highlight js-syntax-highlight language-nomnoml" v-pre="true"><code><span id="LC1" class="line" lang="nomnoml">  #stroke: #a86128</span>
+    <span id="LC2" class="line" lang="nomnoml">  [&lt;frame&gt;Decorator pattern|</span>
+    <span id="LC3" class="line" lang="nomnoml">    [&lt;abstract&gt;Component||+ operation()]</span>
+    <span id="LC4" class="line" lang="nomnoml">    [Client] depends --&gt; [Component]</span>
+    <span id="LC5" class="line" lang="nomnoml">    [Decorator|- next: Component]</span>
+    <span id="LC6" class="line" lang="nomnoml">    [Decorator] decorates -- [ConcreteComponent]</span>
+    <span id="LC7" class="line" lang="nomnoml">    [Component] &lt;:- [Decorator]</span>
+    <span id="LC8" class="line" lang="nomnoml">    [Component] &lt;:- [ConcreteComponent]</span>
+    <span id="LC9" class="line" lang="nomnoml">  ]</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="nomnoml" class="content-editor-code-block undefined code highlight"><code>  #stroke: #a86128
+      [&lt;frame&gt;Decorator pattern|
+        [&lt;abstract&gt;Component||+ operation()]
+        [Client] depends --&gt; [Component]
+        [Decorator|- next: Component]
+        [Decorator] decorates -- [ConcreteComponent]
+        [Component] &lt;:- [Decorator]
+        [Component] &lt;:- [ConcreteComponent]
+      ]</code></pre>
+08_04_22__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-7:3" lang="plantuml" class="code highlight js-syntax-highlight language-plantuml" v-pre="true"><code><span id="LC1" class="line" lang="plantuml">  Alice -&gt; Bob: Authentication Request</span>
+    <span id="LC2" class="line" lang="plantuml">  Bob --&gt; Alice: Authentication Response</span>
+    <span id="LC3" class="line" lang="plantuml"></span>
+    <span id="LC4" class="line" lang="plantuml">  Alice -&gt; Bob: Another authentication Request</span>
+    <span id="LC5" class="line" lang="plantuml">  Alice &lt;-- Bob: Another authentication Response</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <div><pre language="plantuml" class="content-editor-code-block code highlight" isdiagram="true" showpreview="true"><code>  Alice -&gt; Bob: Authentication Request
+      Bob --&gt; Alice: Authentication Response
+
+      Alice -&gt; Bob: Another authentication Request
+      Alice &lt;-- Bob: Another authentication Response</code></pre></div>
+08_04_23__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml_unicode__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="plantuml" class="code highlight js-syntax-highlight language-plantuml" v-pre="true"><code><span id="LC1" class="line" lang="plantuml">A -&gt; B : Text with norwegian characters: æøå</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <div><pre language="plantuml" class="content-editor-code-block code highlight" isdiagram="true" showpreview="true"><code>A -&gt; B : Text with norwegian characters: æøå</code></pre></div>
+08_04_24__gitlab_internal_extension_markdown__migrated_golden_master_examples__div__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div>plain text</div>
+    <div>
+    <p data-sourcepos="4:1-4:43">just a plain ol' div, not much to <em>expect</em>!</p>
+    </div>
+  wysiwyg: |-
+    <div><p>plain text</p></div>
+    <div><p>just a plain ol' div, not much to <em>expect</em>!</p></div>
+08_04_25__gitlab_internal_extension_markdown__migrated_golden_master_examples__emoji__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: "<p data-sourcepos=\"1:1-1:24\" dir=\"auto\"><gl-emoji title=\"sparkles\"
+    data-name=\"sparkles\" data-unicode-version=\"6.0\">✨</gl-emoji> <gl-emoji title=\"heavy
+    black heart\" data-name=\"heart\" data-unicode-version=\"1.1\">❤</gl-emoji> <gl-emoji
+    title=\"hundred points symbol\" data-name=\"100\" data-unicode-version=\"6.0\">\U0001F4AF</gl-emoji></p>"
+  wysiwyg: |-
+    <p>:sparkles: :heart: :100:</p>
+08_04_26__gitlab_internal_extension_markdown__migrated_golden_master_examples__emphasis__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:17" dir="auto"><em>emphasized text</em></p>
+  wysiwyg: |-
+    <p><em>emphasized text</em></p>
+08_04_27__gitlab_internal_extension_markdown__migrated_golden_master_examples__figure__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <figure>
+    <p data-sourcepos="3:1-3:42"><a class="no-attachment-icon" href="elephant-sunset.jpg" target="_blank" rel="noopener noreferrer"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Elephant at sunset" decoding="async" class="lazy" data-src="elephant-sunset.jpg"></a></p>
+    <figcaption>An elephant at sunset</figcaption>
+    </figure>
+    <figure>
+    <p data-sourcepos="9:1-9:44"><a class="no-attachment-icon" href="croc-crocs.jpg" target="_blank" rel="noopener noreferrer"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="A crocodile wearing crocs" decoding="async" class="lazy" data-src="croc-crocs.jpg"></a></p>
+    <figcaption>
+    <p data-sourcepos="13:1-13:28">A crocodile wearing <em>crocs</em>!</p>
+    </figcaption>
+    </figure>
+  wysiwyg: |-
+    <p></p>
+08_04_28__gitlab_internal_extension_markdown__migrated_golden_master_examples__footnotes__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:46" dir="auto">A footnote reference tag looks like this: <sup class="footnote-ref"><a href="#fn-1-42" id="fnref-1-42" data-footnote-ref>1</a></sup></p>
+    <p data-sourcepos="3:1-3:63" dir="auto">This reference tag is a mix of letters and numbers. <sup class="footnote-ref"><a href="#fn-footnote-42" id="fnref-footnote-42" data-footnote-ref>2</a></sup></p>
+    <section data-footnotes class="footnotes">
+    <ol>
+    <li id="fn-1-42">
+    <p data-sourcepos="5:7-5:41">This is the text inside a footnote. <a href="#fnref-1-42" data-footnote-backref aria-label="Back to content" class="footnote-backref"><gl-emoji title="leftwards arrow with hook" data-name="leftwards_arrow_with_hook" data-unicode-version="1.1">↩</gl-emoji></a></p>
+    </li>
+    <li id="fn-footnote-42">
+    <p data-sourcepos="7:14-7:38">This is another footnote. <a href="#fnref-footnote-42" data-footnote-backref aria-label="Back to content" class="footnote-backref"><gl-emoji title="leftwards arrow with hook" data-name="leftwards_arrow_with_hook" data-unicode-version="1.1">↩</gl-emoji></a></p>
+    </li>
+    </ol>
+    </section>
+  wysiwyg: |-
+    <p>A footnote reference tag looks like this: <sup identifier="1">1</sup></p>
+    <p>This reference tag is a mix of letters and numbers. <sup identifier="footnote">footnote</sup></p>
+    <div node="footnoteDefinition(paragraph(&quot;This is the text inside a footnote.&quot;))" htmlattributes="[object Object]"><p>This is the text inside a footnote.</p></div>
+    <div node="footnoteDefinition(paragraph(&quot;This is another footnote.&quot;))" htmlattributes="[object Object]"><p>This is another footnote.</p></div>
+08_04_29__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_json__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-5:3" lang="json" class="code highlight js-syntax-highlight language-json" data-lang-params="frontmatter" v-pre="true"><code><span id="LC1" class="line" lang="json"><span class="p">{</span></span>
+    <span id="LC2" class="line" lang="json"><span class="w">  </span><span class="nl">"title"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Page title"</span></span>
+    <span id="LC3" class="line" lang="json"><span class="p">}</span></span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="json" class="content-editor-code-block undefined code highlight" isfrontmatter="true"><code>{
+      "title": "Page title"
+    }</code></pre>
+08_04_30__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_toml__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="toml" class="code highlight js-syntax-highlight language-toml" data-lang-params="frontmatter" v-pre="true"><code><span id="LC1" class="line" lang="toml"><span class="py">title</span> <span class="p">=</span> <span class="s">"Page title"</span></span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="toml" class="content-editor-code-block undefined code highlight" isfrontmatter="true"><code>title = "Page title"</code></pre>
+08_04_31__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_yaml__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="1:1-3:3" lang="yaml" class="code highlight js-syntax-highlight language-yaml" data-lang-params="frontmatter" v-pre="true"><code><span id="LC1" class="line" lang="yaml"><span class="na">title</span><span class="pi">:</span> <span class="s">Page title</span></span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <pre language="yaml" class="content-editor-code-block undefined code highlight" isfrontmatter="true"><code>title: Page title</code></pre>
+08_04_32__gitlab_internal_extension_markdown__migrated_golden_master_examples__hard_break__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-2:10" dir="auto">This is a line after a<br>
+    hard break</p>
+  wysiwyg: |-
+    <p>This is a line after a<br>
+    hard break</p>
+08_04_33__gitlab_internal_extension_markdown__migrated_golden_master_examples__headings__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <h1 data-sourcepos="1:1-1:11" dir="auto">
+    <a id="user-content-heading-1" class="anchor" href="#heading-1" aria-hidden="true"></a>Heading 1</h1>
+    <h2 data-sourcepos="3:1-3:12" dir="auto">
+    <a id="user-content-heading-2" class="anchor" href="#heading-2" aria-hidden="true"></a>Heading 2</h2>
+    <h3 data-sourcepos="5:1-5:13" dir="auto">
+    <a id="user-content-heading-3" class="anchor" href="#heading-3" aria-hidden="true"></a>Heading 3</h3>
+    <h4 data-sourcepos="7:1-7:14" dir="auto">
+    <a id="user-content-heading-4" class="anchor" href="#heading-4" aria-hidden="true"></a>Heading 4</h4>
+    <h5 data-sourcepos="9:1-9:15" dir="auto">
+    <a id="user-content-heading-5" class="anchor" href="#heading-5" aria-hidden="true"></a>Heading 5</h5>
+    <h6 data-sourcepos="11:1-11:16" dir="auto">
+    <a id="user-content-heading-6" class="anchor" href="#heading-6" aria-hidden="true"></a>Heading 6</h6>
+  wysiwyg: |-
+    <h1>Heading 1</h1>
+    <h2>Heading 2</h2>
+    <h3>Heading 3</h3>
+    <h4>Heading 4</h4>
+    <h5>Heading 5</h5>
+    <h6>Heading 6</h6>
+08_04_34__gitlab_internal_extension_markdown__migrated_golden_master_examples__horizontal_rule__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <hr data-sourcepos="1:1-1:3">
+  wysiwyg: |-
+    <hr>
+08_04_35__gitlab_internal_extension_markdown__migrated_golden_master_examples__html_marks__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: "<ul data-sourcepos=\"1:1-15:130\" dir=\"auto\">\n<li data-sourcepos=\"1:1-1:48\">Content
+    editor is <del>great</del><ins>amazing</ins>.</li>\n<li data-sourcepos=\"2:1-2:126\">If
+    the changes <abbr title=\"Looks good to merge\">LGTM</abbr>, please <abbr title=\"Merge
+    when pipeline succeeds\">MWPS</abbr>.</li>\n<li data-sourcepos=\"3:1-3:288\">The
+    English song <q>Oh I do like to be beside the seaside</q> looks like this in Hebrew:
+    <span dir=\"rtl\">אה, אני אוהב להיות ליד חוף הים</span>. In the computer's memory,
+    this is stored as <bdo dir=\"ltr\">אה, אני אוהב להיות ליד חוף הים</bdo>.</li>\n<li
+    data-sourcepos=\"4:1-4:59\">\n<cite>The Scream</cite> by Edvard Munch. Painted
+    in 1893.</li>\n<li data-sourcepos=\"5:1-5:73\">\n<dfn>HTML</dfn> is the standard
+    markup language for creating web pages.</li>\n<li data-sourcepos=\"6:1-6:47\">Do
+    not forget to buy <mark>milk</mark> today.</li>\n<li data-sourcepos=\"7:1-7:64\">This
+    is a paragraph and <small>smaller text goes here</small>.</li>\n<li data-sourcepos=\"8:1-8:149\">The
+    concert starts at <time datetime=\"20:00\">20:00</time> and you'll be able to
+    enjoy the band for at least <time datetime=\"PT2H30M\">2h 30m</time>.</li>\n<li
+    data-sourcepos=\"9:1-9:62\">Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text
+    (Windows).</li>\n<li data-sourcepos=\"10:1-10:105\">WWF's goal is to: <q>Build
+    a future where people live in harmony with nature.</q> We hope they succeed.</li>\n<li
+    data-sourcepos=\"11:1-11:80\">The error occurred was: <samp>Keyboard not found.
+    Press F1 to continue.</samp>\n</li>\n<li data-sourcepos=\"12:1-12:136\">The area
+    of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the
+    base, and <var>h</var> is the vertical height.</li>\n<li data-sourcepos=\"13:1-13:35\"><ruby>漢<rt>ㄏㄢˋ</rt></ruby></li>\n<li
+    data-sourcepos=\"14:1-14:79\">C<sub>7</sub>H<sub>16</sub> + O<sub>2</sub> \t CO<sub>2</sub>
+    + H<sub>2</sub>O</li>\n<li data-sourcepos=\"15:1-15:130\">The <strong>Pythagorean
+    theorem</strong> is often expressed as <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var>
+    = <var>c<sup>2</sup></var>\n</li>\n</ul>"
+  wysiwyg: "<ul bullet=\"*\"><li><p>Content editor is<s>great</s></p><p>.</p></li><li><p>If
+    the changes</p><p>, please</p><p>.</p></li><li><p>The English song</p><p> looks
+    like this in Hebrew:</p><p>. In the computer's memory, this is stored as</p><p>.</p></li><li><p>
+    by Edvard Munch. Painted in 1893.</p></li><li><p> is the standard markup language
+    for creating web pages.</p></li><li><p>Do not forget to buy</p><p> today.</p></li><li><p>This
+    is a paragraph and</p><p>.</p></li><li><p>The concert starts at</p><p> and you'll
+    be able to enjoy the band for at least</p><p>.</p></li><li><p>Press</p><p> +</p><p>
+    to copy text (Windows).</p></li><li><p>WWF's goal is to:</p><p> We hope they succeed.</p></li><li><p>The
+    error occurred was:</p></li><li><p>The area of a triangle is: 1/2 x</p><p> x</p><p>,
+    where</p><p> is the base, and</p><p> is the vertical height.</p></li><li><p></p></li><li><p>C</p><p>H</p><p>
+    + O</p><p> \t CO</p><p> + H</p><p>O</p></li><li><p>The<strong>Pythagorean theorem</strong>
+    is often expressed as</p><p> +</p><p> =</p></li></ul>"
+08_04_36__gitlab_internal_extension_markdown__migrated_golden_master_examples__image__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:40" dir="auto"><a class="no-attachment-icon" href="https://gitlab.com/logo.png" target="_blank" rel="nofollow noreferrer noopener"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="alt text" decoding="async" class="lazy" data-src="https://gitlab.com/logo.png"></a></p>
+  wysiwyg: |-
+    <p><img src="https://gitlab.com/logo.png" alt="alt text"></p>
+08_04_37__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_code__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:6" dir="auto"><code>code</code></p>
+  wysiwyg: |-
+    <p><code>code</code></p>
+08_04_38__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_diff__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-2:11" dir="auto">
+    <li data-sourcepos="1:1-1:13"><span class="idiff left right deletion">deleted</span></li>
+    <li data-sourcepos="2:1-2:11"><span class="idiff left right addition">added</span></li>
+    </ul>
+  wysiwyg: |-
+    <ul bullet="*"><li><p>{-deleted-}</p></li><li><p>{+added+}</p></li></ul>
+08_04_39__gitlab_internal_extension_markdown__migrated_golden_master_examples__label__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:4" dir="auto">~bug</p>
+  wysiwyg: |-
+    <p>~bug</p>
+08_04_40__gitlab_internal_extension_markdown__migrated_golden_master_examples__link__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:28" dir="auto"><a href="https://gitlab.com" rel="nofollow noreferrer noopener" target="_blank">GitLab</a></p>
+  wysiwyg: |-
+    <p><a target="_blank" rel="noopener noreferrer nofollow" href="https://gitlab.com">GitLab</a></p>
+08_04_41__gitlab_internal_extension_markdown__migrated_golden_master_examples__math__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:36" dir="auto">This math is inline <code class="code math js-render-math" data-math-style="inline">a^2+b^2=c^2</code>.</p>
+    <p data-sourcepos="3:1-3:27" dir="auto">This is on a separate line:</p>
+    <div class="gl-relative markdown-code-block js-markdown-code">
+    <pre data-sourcepos="5:1-7:3" lang="math" data-math-style="display" class="js-render-math code highlight js-syntax-highlight language-math" v-pre="true"><code><span id="LC1" class="line" lang="math">a^2+b^2=c^2</span></code></pre>
+    <copy-code></copy-code>
+    </div>
+  wysiwyg: |-
+    <p>This math is inline $<code>a^2+b^2=c^2</code>$.</p>
+    <p>This is on a separate line:</p>
+    <pre language="math" class="content-editor-code-block undefined code highlight"><code>a^2+b^2=c^2</code></pre>
+08_04_42__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ol data-sourcepos="1:1-3:14" dir="auto">
+    <li data-sourcepos="1:1-1:14">list item 1</li>
+    <li data-sourcepos="2:1-2:14">list item 2</li>
+    <li data-sourcepos="3:1-3:14">list item 3</li>
+    </ol>
+  wysiwyg: |-
+    <ol parens="false"><li><p>list item 1</p></li><li><p>list item 2</p></li><li><p>list item 3</p></li></ol>
+08_04_43__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list_with_start_order__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ol start="134" data-sourcepos="1:1-3:16" dir="auto">
+    <li data-sourcepos="1:1-1:16">list item 1</li>
+    <li data-sourcepos="2:1-2:16">list item 2</li>
+    <li data-sourcepos="3:1-3:16">list item 3</li>
+    </ol>
+  wysiwyg: |-
+    <ol parens="false"><li><p>list item 1</p></li><li><p>list item 2</p></li><li><p>list item 3</p></li></ol>
+08_04_44__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ol data-sourcepos="1:1-6:18" class="task-list" dir="auto">
+    <li data-sourcepos="1:1-1:12" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> hello</li>
+    <li data-sourcepos="2:1-2:12" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> world</li>
+    <li data-sourcepos="3:1-6:18" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> example
+    <ol data-sourcepos="4:4-6:18" class="task-list">
+    <li data-sourcepos="4:4-6:18" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> of nested
+    <ol data-sourcepos="5:7-6:18" class="task-list">
+    <li data-sourcepos="5:7-5:22" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> task list</li>
+    <li data-sourcepos="6:7-6:18" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> items</li>
+    </ol>
+    </li>
+    </ol>
+    </li>
+    </ol>
+08_04_45__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list_with_order__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ol start="4893" data-sourcepos="1:1-3:17" class="task-list" dir="auto">
+    <li data-sourcepos="1:1-1:15" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> hello</li>
+    <li data-sourcepos="2:1-2:15" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> world</li>
+    <li data-sourcepos="3:1-3:17" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> example</li>
+    </ol>
+  wysiwyg: |-
+    <ol start="1" parens="false" data-type="taskList"><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p>hello</p></div></li><li data-checked="true" data-type="taskItem"><label><input type="checkbox" checked="checked"><span></span></label><div><p>world</p></div></li><li data-checked="false" data-type="taskItem"><label><input type="checkbox"><span></span></label><div><p>example</p></div></li></ol>
+08_04_46__gitlab_internal_extension_markdown__migrated_golden_master_examples__reference_for_project_wiki__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:98" dir="auto">Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1</p>
+  wysiwyg: |-
+    <p>Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1</p>
+08_04_47__gitlab_internal_extension_markdown__migrated_golden_master_examples__strike__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:7" dir="auto"><del>del</del></p>
+  wysiwyg: |-
+    <p><s>del</s></p>
+08_04_48__gitlab_internal_extension_markdown__migrated_golden_master_examples__table__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <table data-sourcepos="1:1-4:35" dir="auto">
+    <thead>
+    <tr data-sourcepos="1:1-1:19">
+    <th data-sourcepos="1:2-1:9">header</th>
+    <th data-sourcepos="1:11-1:18">header</th>
+    </tr>
+    </thead>
+    <tbody>
+    <tr data-sourcepos="3:1-3:31">
+    <td data-sourcepos="3:2-3:9"><code>code</code></td>
+    <td data-sourcepos="3:11-3:30">cell with <strong>bold</strong>
+    </td>
+    </tr>
+    <tr data-sourcepos="4:1-4:35">
+    <td data-sourcepos="4:2-4:13"><del>strike</del></td>
+    <td data-sourcepos="4:15-4:34">cell with <em>italic</em>
+    </td>
+    </tr>
+    </tbody>
+    </table>
+    <h1 data-sourcepos="6:1-6:21" dir="auto">
+    <a id="user-content-content-after-table" class="anchor" href="#content-after-table" aria-hidden="true"></a>content after table</h1>
+  wysiwyg: |-
+    <table><tbody><tr><th colspan="1" rowspan="1"><p>header</p></th><th colspan="1" rowspan="1"><p>header</p></th></tr><tr><td colspan="1" rowspan="1"><p><code>code</code></p></td><td colspan="1" rowspan="1"><p>cell with <strong>bold</strong></p></td></tr><tr><td colspan="1" rowspan="1"><p><s>strike</s></p></td><td colspan="1" rowspan="1"><p>cell with <em>italic</em></p></td></tr></tbody></table>
+    <h1>content after table</h1>
+08_04_49__gitlab_internal_extension_markdown__migrated_golden_master_examples__table_of_contents__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul class="section-nav">
+    <li>
+    <a href="#lorem">Lorem</a><ul><li>
+    <a href="#ipsum">Ipsum</a><ul><li><a href="#dolar">Dolar</a></li></ul>
+    </li></ul>
+    </li>
+    <li>
+    <a href="#sit-amit">Sit amit</a><ul><li><a href="#i-dont-know">I don't know</a></li></ul>
+    </li>
+    </ul>
+    <h1 data-sourcepos="3:1-3:7" dir="auto">
+    <a id="user-content-lorem" class="anchor" href="#lorem" aria-hidden="true"></a>Lorem</h1>
+    <p data-sourcepos="5:1-5:45" dir="auto">Well, that's just like... your opinion.. man.</p>
+    <h2 data-sourcepos="7:1-7:8" dir="auto">
+    <a id="user-content-ipsum" class="anchor" href="#ipsum" aria-hidden="true"></a>Ipsum</h2>
+    <h3 data-sourcepos="9:1-9:9" dir="auto">
+    <a id="user-content-dolar" class="anchor" href="#dolar" aria-hidden="true"></a>Dolar</h3>
+    <h1 data-sourcepos="11:1-11:10" dir="auto">
+    <a id="user-content-sit-amit" class="anchor" href="#sit-amit" aria-hidden="true"></a>Sit amit</h1>
+    <h3 data-sourcepos="13:1-13:16" dir="auto">
+    <a id="user-content-i-dont-know" class="anchor" href="#i-dont-know" aria-hidden="true"></a>I don't know</h3>
+  wysiwyg: |-
+    <div class="table-of-contents gl-border-1 gl-border-solid gl-text-center gl-border-gray-100 gl-mb-5">Table of contents</div>
+    <h1>Lorem</h1>
+    <p>Well, that's just like... your opinion.. man.</p>
+    <h2>Ipsum</h2>
+    <h3>Dolar</h3>
+    <h1>Sit amit</h1>
+    <h3>I don't know</h3>
+08_04_50__gitlab_internal_extension_markdown__migrated_golden_master_examples__task_list__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <ul data-sourcepos="1:1-6:15" class="task-list" dir="auto">
+    <li data-sourcepos="1:1-1:11" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> hello</li>
+    <li data-sourcepos="2:1-2:11" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> world</li>
+    <li data-sourcepos="3:1-6:15" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> example
+    <ul data-sourcepos="4:3-6:15" class="task-list">
+    <li data-sourcepos="4:3-6:15" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> of nested
+    <ul data-sourcepos="5:5-6:15" class="task-list">
+    <li data-sourcepos="5:5-5:19" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" checked disabled> task list</li>
+    <li data-sourcepos="6:5-6:15" class="task-list-item">
+    <task-button></task-button><input type="checkbox" class="task-list-item-checkbox" disabled> items</li>
+    </ul>
+    </li>
+    </ul>
+    </li>
+    </ul>
+08_04_51__gitlab_internal_extension_markdown__migrated_golden_master_examples__video__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:46" dir="auto"><span class="media-container video-container"><video src="https://gitlab.com/gitlab.mp4" controls="true" data-setup="{}" data-title="Sample Video" width="400" preload="metadata"></video><a href="https://gitlab.com/gitlab.mp4" target="_blank" rel="nofollow noreferrer noopener" title="Download 'Sample Video'">Sample Video</a></span></p>
+  wysiwyg: |-
+    <p><span class="media-container video-container"><video src="https://gitlab.com/gitlab.mp4" controls="true" data-setup="{}" data-title="Sample Video"></video><a href="https://gitlab.com/gitlab.mp4">Sample Video</a></span></p>
+08_04_52__gitlab_internal_extension_markdown__migrated_golden_master_examples__word_break__001:
+  canonical: |
+    TODO: Write canonical HTML for this example
+  static: |-
+    <p data-sourcepos="1:1-1:60" dir="auto">Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz</wbr></wbr></wbr></wbr></p>
+  wysiwyg: |-
+    <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
diff --git a/glfm_specification/output_example_snapshots/markdown.yml b/glfm_specification/output_example_snapshots/markdown.yml
index 867108a6cc5..29fce0bccfb 100644
--- a/glfm_specification/output_example_snapshots/markdown.yml
+++ b/glfm_specification/output_example_snapshots/markdown.yml
@@ -2273,3 +2273,277 @@
   [project-wikis-test-file](project-wikis-test-file)
 08_03_00__gitlab_internal_extension_markdown__markdown_preview_api_request_overrides__006: |
   [group-wikis-test-file](group-wikis-test-file)
+08_04_01__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_group__001: |
+  ![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+08_04_02__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project__001: |
+  ![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+08_04_03__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project_wiki__001: |
+  ![test-file](test-file.png)
+08_04_04__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group__001: |
+  [test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+08_04_05__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project__001: |
+  [test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001: |
+  [test-file](test-file.zip)
+08_04_07__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group_wiki__001: |
+  [test-file](test-file.zip)
+08_04_08__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio__001: |
+  ![Sample Audio](https://gitlab.com/gitlab.mp3)
+08_04_09__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio_and_video_in_lists__001: |
+  * ![Sample Audio](https://gitlab.com/1.mp3)
+  * ![Sample Video](https://gitlab.com/2.mp4)
+
+  1. ![Sample Video](https://gitlab.com/1.mp4)
+  2. ![Sample Audio](https://gitlab.com/2.mp3)
+
+  * [x] ![Sample Audio](https://gitlab.com/1.mp3)
+  * [x] ![Sample Audio](https://gitlab.com/2.mp3)
+  * [x] ![Sample Video](https://gitlab.com/3.mp4)
+08_04_10__gitlab_internal_extension_markdown__migrated_golden_master_examples__blockquote__001: |
+  > This is a blockquote
+  >
+  > This is another one
+08_04_11__gitlab_internal_extension_markdown__migrated_golden_master_examples__bold__001: |
+  **bold**
+08_04_12__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_1__001: |
+  * list item 1
+  * list item 2
+    * embedded list item 3
+08_04_13__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_2__001: |
+  - list item 1
+  - list item 2
+    * embedded list item 3
+08_04_14__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_3__001: |
+  + list item 1
+  + list item 2
+    - embedded list item 3
+08_04_15__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_javascript__001: |
+  ```javascript
+    console.log('hello world')
+  ```
+08_04_16__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_plaintext__001: |
+  ```
+    plaintext
+  ```
+08_04_17__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_unknown__001: |
+  ```foobar
+    custom_language = >> this <<
+  ```
+08_04_18__gitlab_internal_extension_markdown__migrated_golden_master_examples__color_chips__001: |
+  - `#F00`
+  - `#F00A`
+  - `#FF0000`
+  - `#FF0000AA`
+  - `RGB(0,255,0)`
+  - `RGB(0%,100%,0%)`
+  - `RGBA(0,255,0,0.3)`
+  - `HSL(540,70%,50%)`
+  - `HSLA(540,70%,50%,0.3)`
+08_04_19__gitlab_internal_extension_markdown__migrated_golden_master_examples__description_list__001: |
+  <dl>
+  <dt>Frog</dt>
+  <dd>Wet green thing</dd>
+  <dt>Rabbit</dt>
+  <dd>Warm fluffy thing</dd>
+  <dt>Punt</dt>
+  <dd>Kick a ball</dd>
+  <dd>Take a bet</dd>
+  <dt>Color</dt>
+  <dt>Colour</dt>
+  <dd>
+
+  Any hue except _white_ or **black**
+
+  </dd>
+  </dl>
+08_04_20__gitlab_internal_extension_markdown__migrated_golden_master_examples__details__001: |
+  <details>
+  <summary>This is the visible summary of the collapsible section</summary>
+
+  1. collapsed markdown
+  2. more collapsed markdown
+
+  </details>
+08_04_21__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_kroki_nomnoml__001: |
+  ```nomnoml
+    #stroke: #a86128
+    [<frame>Decorator pattern|
+      [<abstract>Component||+ operation()]
+      [Client] depends --> [Component]
+      [Decorator|- next: Component]
+      [Decorator] decorates -- [ConcreteComponent]
+      [Component] <:- [Decorator]
+      [Component] <:- [ConcreteComponent]
+    ]
+  ```
+08_04_22__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml__001: |
+  ```plantuml
+    Alice -> Bob: Authentication Request
+    Bob --> Alice: Authentication Response
+
+    Alice -> Bob: Another authentication Request
+    Alice <-- Bob: Another authentication Response
+  ```
+08_04_23__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml_unicode__001: |
+  ```plantuml
+  A -> B : Text with norwegian characters: æøå
+  ```
+08_04_24__gitlab_internal_extension_markdown__migrated_golden_master_examples__div__001: |
+  <div>plain text</div>
+  <div>
+
+  just a plain ol' div, not much to _expect_!
+
+  </div>
+08_04_25__gitlab_internal_extension_markdown__migrated_golden_master_examples__emoji__001: |
+  :sparkles: :heart: :100:
+08_04_26__gitlab_internal_extension_markdown__migrated_golden_master_examples__emphasis__001: |
+  _emphasized text_
+08_04_27__gitlab_internal_extension_markdown__migrated_golden_master_examples__figure__001: |
+  <figure>
+
+  ![Elephant at sunset](elephant-sunset.jpg)
+
+  <figcaption>An elephant at sunset</figcaption>
+  </figure>
+  <figure>
+
+  ![A crocodile wearing crocs](croc-crocs.jpg)
+
+  <figcaption>
+
+  A crocodile wearing _crocs_!
+
+  </figcaption>
+  </figure>
+08_04_28__gitlab_internal_extension_markdown__migrated_golden_master_examples__footnotes__001: |
+  A footnote reference tag looks like this: [^1]
+
+  This reference tag is a mix of letters and numbers. [^footnote]
+
+  [^1]: This is the text inside a footnote.
+
+  [^footnote]: This is another footnote.
+08_04_29__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_json__001: |
+  ;;;
+  {
+    "title": "Page title"
+  }
+  ;;;
+08_04_30__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_toml__001: |
+  +++
+  title = "Page title"
+  +++
+08_04_31__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_yaml__001: |
+  ---
+  title: Page title
+  ---
+08_04_32__gitlab_internal_extension_markdown__migrated_golden_master_examples__hard_break__001: |
+  This is a line after a\
+  hard break
+08_04_33__gitlab_internal_extension_markdown__migrated_golden_master_examples__headings__001: |
+  # Heading 1
+
+  ## Heading 2
+
+  ### Heading 3
+
+  #### Heading 4
+
+  ##### Heading 5
+
+  ###### Heading 6
+08_04_34__gitlab_internal_extension_markdown__migrated_golden_master_examples__horizontal_rule__001: |
+  ---
+08_04_35__gitlab_internal_extension_markdown__migrated_golden_master_examples__html_marks__001: "*
+  Content editor is ~~great~~<ins>amazing</ins>.\n* If the changes <abbr title=\"Looks
+  good to merge\">LGTM</abbr>, please <abbr title=\"Merge when pipeline succeeds\">MWPS</abbr>.\n*
+  The English song <q>Oh I do like to be beside the seaside</q> looks like this in
+  Hebrew: <span dir=\"rtl\">אה, אני אוהב להיות ליד חוף הים</span>. In the computer's
+  memory, this is stored as <bdo dir=\"ltr\">אה, אני אוהב להיות ליד חוף הים</bdo>.\n*
+  <cite>The Scream</cite> by Edvard Munch. Painted in 1893.\n* <dfn>HTML</dfn> is
+  the standard markup language for creating web pages.\n* Do not forget to buy <mark>milk</mark>
+  today.\n* This is a paragraph and <small>smaller text goes here</small>.\n* The
+  concert starts at <time datetime=\"20:00\">20:00</time> and you'll be able to enjoy
+  the band for at least <time datetime=\"PT2H30M\">2h 30m</time>.\n* Press <kbd>Ctrl</kbd>
+  + <kbd>C</kbd> to copy text (Windows).\n* WWF's goal is to: <q>Build a future where
+  people live in harmony with nature.</q> We hope they succeed.\n* The error occurred
+  was: <samp>Keyboard not found. Press F1 to continue.</samp>\n* The area of a triangle
+  is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var>
+  is the vertical height.\n* <ruby>漢<rt>ㄏㄢˋ</rt></ruby>\n* C<sub>7</sub>H<sub>16</sub>
+  + O<sub>2</sub> \t CO<sub>2</sub> + H<sub>2</sub>O\n* The **Pythagorean theorem**
+  is often expressed as <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>\n"
+08_04_36__gitlab_internal_extension_markdown__migrated_golden_master_examples__image__001: |
+  ![alt text](https://gitlab.com/logo.png)
+08_04_37__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_code__001: |
+  `code`
+08_04_38__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_diff__001: |
+  * {-deleted-}
+  * {+added+}
+08_04_39__gitlab_internal_extension_markdown__migrated_golden_master_examples__label__001: |
+  ~bug
+08_04_40__gitlab_internal_extension_markdown__migrated_golden_master_examples__link__001: |
+  [GitLab](https://gitlab.com)
+08_04_41__gitlab_internal_extension_markdown__migrated_golden_master_examples__math__001: |
+  This math is inline $`a^2+b^2=c^2`$.
+
+  This is on a separate line:
+
+  ```math
+  a^2+b^2=c^2
+  ```
+08_04_42__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list__001: |
+  1. list item 1
+  2. list item 2
+  3. list item 3
+08_04_43__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list_with_start_order__001: |
+  134. list item 1
+  135. list item 2
+  136. list item 3
+08_04_44__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list__001: |
+  1. [x] hello
+  2. [x] world
+  3. [ ] example
+     1. [ ] of nested
+        1. [x] task list
+        2. [ ] items
+08_04_45__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list_with_order__001: |
+  4893. [x] hello
+  4894. [x] world
+  4895. [ ] example
+08_04_46__gitlab_internal_extension_markdown__migrated_golden_master_examples__reference_for_project_wiki__001: |
+  Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1
+08_04_47__gitlab_internal_extension_markdown__migrated_golden_master_examples__strike__001: |
+  ~~del~~
+08_04_48__gitlab_internal_extension_markdown__migrated_golden_master_examples__table__001: |
+  | header | header |
+  |--------|--------|
+  | `code` | cell with **bold** |
+  | ~~strike~~ | cell with _italic_ |
+
+  # content after table
+08_04_49__gitlab_internal_extension_markdown__migrated_golden_master_examples__table_of_contents__001: |
+  [[_TOC_]]
+
+  # Lorem
+
+  Well, that's just like... your opinion.. man.
+
+  ## Ipsum
+
+  ### Dolar
+
+  # Sit amit
+
+  ### I don't know
+08_04_50__gitlab_internal_extension_markdown__migrated_golden_master_examples__task_list__001: |
+  * [x] hello
+  * [x] world
+  * [ ] example
+    * [ ] of nested
+      * [x] task list
+      * [ ] items
+08_04_51__gitlab_internal_extension_markdown__migrated_golden_master_examples__video__001: |
+  ![Sample Video](https://gitlab.com/gitlab.mp4)
+08_04_52__gitlab_internal_extension_markdown__migrated_golden_master_examples__word_break__001: |
+  Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz
diff --git a/glfm_specification/output_example_snapshots/prosemirror_json.yml b/glfm_specification/output_example_snapshots/prosemirror_json.yml
index de54518a574..a654cacfca6 100644
--- a/glfm_specification/output_example_snapshots/prosemirror_json.yml
+++ b/glfm_specification/output_example_snapshots/prosemirror_json.yml
@@ -21010,3 +21010,2418 @@
       }
     ]
   }
+08_04_01__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_group__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "image",
+            "attrs": {
+              "src": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png",
+              "alt": "test-file",
+              "title": null,
+              "uploading": false,
+              "canonicalSrc": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png",
+              "isReference": false
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_02__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "image",
+            "attrs": {
+              "src": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png",
+              "alt": "test-file",
+              "title": null,
+              "uploading": false,
+              "canonicalSrc": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png",
+              "isReference": false
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_03__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_image_for_project_wiki__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "image",
+            "attrs": {
+              "src": "test-file.png",
+              "alt": "test-file",
+              "title": null,
+              "uploading": false,
+              "canonicalSrc": "test-file.png",
+              "isReference": false
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_04__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "link",
+                "attrs": {
+                  "href": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip",
+                  "target": "_blank",
+                  "class": null,
+                  "title": null,
+                  "canonicalSrc": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip",
+                  "isReference": false
+                }
+              }
+            ],
+            "text": "test-file"
+          }
+        ]
+      }
+    ]
+  }
+08_04_05__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "link",
+                "attrs": {
+                  "href": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip",
+                  "target": "_blank",
+                  "class": null,
+                  "title": null,
+                  "canonicalSrc": "/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip",
+                  "isReference": false
+                }
+              }
+            ],
+            "text": "test-file"
+          }
+        ]
+      }
+    ]
+  }
+08_04_06__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_project_wiki__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "link",
+                "attrs": {
+                  "href": "test-file.zip",
+                  "target": "_blank",
+                  "class": null,
+                  "title": null,
+                  "canonicalSrc": "test-file.zip",
+                  "isReference": false
+                }
+              }
+            ],
+            "text": "test-file"
+          }
+        ]
+      }
+    ]
+  }
+08_04_07__gitlab_internal_extension_markdown__migrated_golden_master_examples__attachment_link_for_group_wiki__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "link",
+                "attrs": {
+                  "href": "test-file.zip",
+                  "target": "_blank",
+                  "class": null,
+                  "title": null,
+                  "canonicalSrc": "test-file.zip",
+                  "isReference": false
+                }
+              }
+            ],
+            "text": "test-file"
+          }
+        ]
+      }
+    ]
+  }
+08_04_08__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "audio",
+            "attrs": {
+              "uploading": false,
+              "src": "https://gitlab.com/gitlab.mp3",
+              "canonicalSrc": "https://gitlab.com/gitlab.mp3",
+              "alt": "Sample Audio"
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_09__gitlab_internal_extension_markdown__migrated_golden_master_examples__audio_and_video_in_lists__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "audio",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/1.mp3",
+                      "canonicalSrc": "https://gitlab.com/1.mp3",
+                      "alt": "Sample Audio"
+                    }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "video",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/2.mp4",
+                      "canonicalSrc": "https://gitlab.com/2.mp4",
+                      "alt": "Sample Video"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "orderedList",
+        "attrs": {
+          "start": 1,
+          "parens": false
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "video",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/1.mp4",
+                      "canonicalSrc": "https://gitlab.com/1.mp4",
+                      "alt": "Sample Video"
+                    }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "audio",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/2.mp3",
+                      "canonicalSrc": "https://gitlab.com/2.mp3",
+                      "alt": "Sample Audio"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "taskList",
+        "attrs": {
+          "numeric": false,
+          "start": 1,
+          "parens": false
+        },
+        "content": [
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": true
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "audio",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/1.mp3",
+                      "canonicalSrc": "https://gitlab.com/1.mp3",
+                      "alt": "Sample Audio"
+                    }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": true
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "audio",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/2.mp3",
+                      "canonicalSrc": "https://gitlab.com/2.mp3",
+                      "alt": "Sample Audio"
+                    }
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": true
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "video",
+                    "attrs": {
+                      "uploading": false,
+                      "src": "https://gitlab.com/3.mp4",
+                      "canonicalSrc": "https://gitlab.com/3.mp4",
+                      "alt": "Sample Video"
+                    }
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_10__gitlab_internal_extension_markdown__migrated_golden_master_examples__blockquote__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "blockquote",
+        "attrs": {
+          "multiline": false
+        },
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "This is a blockquote"
+              }
+            ]
+          },
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "This is another one"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_11__gitlab_internal_extension_markdown__migrated_golden_master_examples__bold__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "bold"
+              }
+            ],
+            "text": "bold"
+          }
+        ]
+      }
+    ]
+  }
+08_04_12__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_1__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 1"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 2"
+                  }
+                ]
+              },
+              {
+                "type": "bulletList",
+                "attrs": {
+                  "bullet": "*"
+                },
+                "content": [
+                  {
+                    "type": "listItem",
+                    "content": [
+                      {
+                        "type": "paragraph",
+                        "content": [
+                          {
+                            "type": "text",
+                            "text": "embedded list item 3"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_13__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_2__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 1"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 2"
+                  }
+                ]
+              },
+              {
+                "type": "bulletList",
+                "attrs": {
+                  "bullet": "*"
+                },
+                "content": [
+                  {
+                    "type": "listItem",
+                    "content": [
+                      {
+                        "type": "paragraph",
+                        "content": [
+                          {
+                            "type": "text",
+                            "text": "embedded list item 3"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_14__gitlab_internal_extension_markdown__migrated_golden_master_examples__bullet_list_style_3__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 1"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 2"
+                  }
+                ]
+              },
+              {
+                "type": "bulletList",
+                "attrs": {
+                  "bullet": "*"
+                },
+                "content": [
+                  {
+                    "type": "listItem",
+                    "content": [
+                      {
+                        "type": "paragraph",
+                        "content": [
+                          {
+                            "type": "text",
+                            "text": "embedded list item 3"
+                          }
+                        ]
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_15__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_javascript__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "codeBlock",
+        "attrs": {
+          "language": "javascript",
+          "class": "code highlight"
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "  console.log('hello world')"
+          }
+        ]
+      }
+    ]
+  }
+08_04_16__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_plaintext__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "codeBlock",
+        "attrs": {
+          "language": null,
+          "class": "code highlight"
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "  plaintext"
+          }
+        ]
+      }
+    ]
+  }
+08_04_17__gitlab_internal_extension_markdown__migrated_golden_master_examples__code_block_unknown__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "codeBlock",
+        "attrs": {
+          "language": "foobar",
+          "class": "code highlight"
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "  custom_language = >> this <<"
+          }
+        ]
+      }
+    ]
+  }
+08_04_18__gitlab_internal_extension_markdown__migrated_golden_master_examples__color_chips__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "#F00"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "#F00A"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "#FF0000"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "#FF0000AA"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "RGB(0,255,0)"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "RGB(0%,100%,0%)"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "RGBA(0,255,0,0.3)"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "HSL(540,70%,50%)"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "code"
+                      }
+                    ],
+                    "text": "HSLA(540,70%,50%,0.3)"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_19__gitlab_internal_extension_markdown__migrated_golden_master_examples__description_list__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph"
+      }
+    ]
+  }
+08_04_20__gitlab_internal_extension_markdown__migrated_golden_master_examples__details__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph"
+      }
+    ]
+  }
+08_04_21__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_kroki_nomnoml__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "codeBlock",
+        "attrs": {
+          "language": "nomnoml",
+          "class": "code highlight"
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "  #stroke: #a86128\n  [<frame>Decorator pattern|\n    [<abstract>Component||+ operation()]\n    [Client] depends --> [Component]\n    [Decorator|- next: Component]\n    [Decorator] decorates -- [ConcreteComponent]\n    [Component] <:- [Decorator]\n    [Component] <:- [ConcreteComponent]\n  ]"
+          }
+        ]
+      }
+    ]
+  }
+08_04_22__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "diagram",
+        "attrs": {
+          "language": "plantuml",
+          "isDiagram": true,
+          "showPreview": true
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "  Alice -> Bob: Authentication Request\n  Bob --> Alice: Authentication Response\n\n  Alice -> Bob: Another authentication Request\n  Alice <-- Bob: Another authentication Response"
+          }
+        ]
+      }
+    ]
+  }
+08_04_23__gitlab_internal_extension_markdown__migrated_golden_master_examples__diagram_plantuml_unicode__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "diagram",
+        "attrs": {
+          "language": "plantuml",
+          "isDiagram": true,
+          "showPreview": true
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "A -> B : Text with norwegian characters: æøå"
+          }
+        ]
+      }
+    ]
+  }
+08_04_24__gitlab_internal_extension_markdown__migrated_golden_master_examples__div__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "div",
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "plain text"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "div",
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "just a plain ol' div, not much to "
+              },
+              {
+                "type": "text",
+                "marks": [
+                  {
+                    "type": "italic"
+                  }
+                ],
+                "text": "expect"
+              },
+              {
+                "type": "text",
+                "text": "!"
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_25__gitlab_internal_extension_markdown__migrated_golden_master_examples__emoji__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": ":sparkles: :heart: :100:"
+          }
+        ]
+      }
+    ]
+  }
+08_04_26__gitlab_internal_extension_markdown__migrated_golden_master_examples__emphasis__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "italic"
+              }
+            ],
+            "text": "emphasized text"
+          }
+        ]
+      }
+    ]
+  }
+08_04_27__gitlab_internal_extension_markdown__migrated_golden_master_examples__figure__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph"
+      }
+    ]
+  }
+08_04_28__gitlab_internal_extension_markdown__migrated_golden_master_examples__footnotes__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "A footnote reference tag looks like this: "
+          },
+          {
+            "type": "footnoteReference",
+            "attrs": {
+              "identifier": "1",
+              "label": "1"
+            }
+          }
+        ]
+      },
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "This reference tag is a mix of letters and numbers. "
+          },
+          {
+            "type": "footnoteReference",
+            "attrs": {
+              "identifier": "footnote",
+              "label": "footnote"
+            }
+          }
+        ]
+      },
+      {
+        "type": "footnoteDefinition",
+        "attrs": {
+          "identifier": "1",
+          "label": "1"
+        },
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "This is the text inside a footnote."
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "footnoteDefinition",
+        "attrs": {
+          "identifier": "footnote",
+          "label": "footnote"
+        },
+        "content": [
+          {
+            "type": "paragraph",
+            "content": [
+              {
+                "type": "text",
+                "text": "This is another footnote."
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_29__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_json__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "frontmatter",
+        "attrs": {
+          "language": "json",
+          "class": "code highlight",
+          "isFrontmatter": true
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "{\n  \"title\": \"Page title\"\n}"
+          }
+        ]
+      }
+    ]
+  }
+08_04_30__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_toml__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "frontmatter",
+        "attrs": {
+          "language": "toml",
+          "class": "code highlight",
+          "isFrontmatter": true
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "title = \"Page title\""
+          }
+        ]
+      }
+    ]
+  }
+08_04_31__gitlab_internal_extension_markdown__migrated_golden_master_examples__frontmatter_yaml__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "frontmatter",
+        "attrs": {
+          "language": "yaml",
+          "class": "code highlight",
+          "isFrontmatter": true
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "title: Page title"
+          }
+        ]
+      }
+    ]
+  }
+08_04_32__gitlab_internal_extension_markdown__migrated_golden_master_examples__hard_break__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "This is a line after a"
+          },
+          {
+            "type": "hardBreak"
+          },
+          {
+            "type": "text",
+            "text": "\nhard break"
+          }
+        ]
+      }
+    ]
+  }
+08_04_33__gitlab_internal_extension_markdown__migrated_golden_master_examples__headings__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 1
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 1"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 2
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 2"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 3
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 3"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 4
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 4"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 5
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 5"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 6
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Heading 6"
+          }
+        ]
+      }
+    ]
+  }
+08_04_34__gitlab_internal_extension_markdown__migrated_golden_master_examples__horizontal_rule__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "horizontalRule"
+      }
+    ]
+  }
+08_04_35__gitlab_internal_extension_markdown__migrated_golden_master_examples__html_marks__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Content editor is"
+                  },
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "strike"
+                      }
+                    ],
+                    "text": "great"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "If the changes"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": ", please"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "The English song"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " looks like this in Hebrew:"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": ". In the computer's memory, this is stored as"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " by Edvard Munch. Painted in 1893."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " is the standard markup language for creating web pages."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Do not forget to buy"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " today."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "This is a paragraph and"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "The concert starts at"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " and you'll be able to enjoy the band for at least"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "Press"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " +"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " to copy text (Windows)."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "WWF's goal is to:"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " We hope they succeed."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "The error occurred was:"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "The area of a triangle is: 1/2 x"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " x"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": ", where"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " is the base, and"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " is the vertical height."
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph"
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "C"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "H"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " + O"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " \t CO"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " + H"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "O"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "The"
+                  },
+                  {
+                    "type": "text",
+                    "marks": [
+                      {
+                        "type": "bold"
+                      }
+                    ],
+                    "text": "Pythagorean theorem"
+                  },
+                  {
+                    "type": "text",
+                    "text": " is often expressed as"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " +"
+                  }
+                ]
+              },
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": " ="
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_36__gitlab_internal_extension_markdown__migrated_golden_master_examples__image__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "image",
+            "attrs": {
+              "src": "https://gitlab.com/logo.png",
+              "alt": "alt text",
+              "title": null,
+              "uploading": false,
+              "canonicalSrc": "https://gitlab.com/logo.png",
+              "isReference": false
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_37__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_code__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "code"
+              }
+            ],
+            "text": "code"
+          }
+        ]
+      }
+    ]
+  }
+08_04_38__gitlab_internal_extension_markdown__migrated_golden_master_examples__inline_diff__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "bulletList",
+        "attrs": {
+          "bullet": "*"
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "{-deleted-}"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "{+added+}"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_39__gitlab_internal_extension_markdown__migrated_golden_master_examples__label__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "~bug"
+          }
+        ]
+      }
+    ]
+  }
+08_04_40__gitlab_internal_extension_markdown__migrated_golden_master_examples__link__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "link",
+                "attrs": {
+                  "href": "https://gitlab.com",
+                  "target": "_blank",
+                  "class": null,
+                  "title": null,
+                  "canonicalSrc": "https://gitlab.com",
+                  "isReference": false
+                }
+              }
+            ],
+            "text": "GitLab"
+          }
+        ]
+      }
+    ]
+  }
+08_04_41__gitlab_internal_extension_markdown__migrated_golden_master_examples__math__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "This math is inline $"
+          },
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "code"
+              }
+            ],
+            "text": "a^2+b^2=c^2"
+          },
+          {
+            "type": "text",
+            "text": "$."
+          }
+        ]
+      },
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "This is on a separate line:"
+          }
+        ]
+      },
+      {
+        "type": "codeBlock",
+        "attrs": {
+          "language": "math",
+          "class": "code highlight"
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "a^2+b^2=c^2"
+          }
+        ]
+      }
+    ]
+  }
+08_04_42__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "orderedList",
+        "attrs": {
+          "start": 1,
+          "parens": false
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 1"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 3"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_43__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_list_with_start_order__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "orderedList",
+        "attrs": {
+          "start": 1,
+          "parens": false
+        },
+        "content": [
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 1"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 2"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "listItem",
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "list item 3"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_45__gitlab_internal_extension_markdown__migrated_golden_master_examples__ordered_task_list_with_order__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "taskList",
+        "attrs": {
+          "numeric": true,
+          "start": 1,
+          "parens": false
+        },
+        "content": [
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": true
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "hello"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": true
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "world"
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "taskItem",
+            "attrs": {
+              "checked": false
+            },
+            "content": [
+              {
+                "type": "paragraph",
+                "content": [
+                  {
+                    "type": "text",
+                    "text": "example"
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  }
+08_04_46__gitlab_internal_extension_markdown__migrated_golden_master_examples__reference_for_project_wiki__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "Hi @gfm_user - thank you for reporting this ~\"UX bug\" (#1) we hope to fix it in %1.1 as part of !1"
+          }
+        ]
+      }
+    ]
+  }
+08_04_47__gitlab_internal_extension_markdown__migrated_golden_master_examples__strike__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "marks": [
+              {
+                "type": "strike"
+              }
+            ],
+            "text": "del"
+          }
+        ]
+      }
+    ]
+  }
+08_04_48__gitlab_internal_extension_markdown__migrated_golden_master_examples__table__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "table",
+        "attrs": {
+          "isMarkdown": null
+        },
+        "content": [
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableHeader",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "text": "header"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "tableHeader",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "text": "header"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableCell",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "marks": [
+                          {
+                            "type": "code"
+                          }
+                        ],
+                        "text": "code"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "tableCell",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "text": "cell with "
+                      },
+                      {
+                        "type": "text",
+                        "marks": [
+                          {
+                            "type": "bold"
+                          }
+                        ],
+                        "text": "bold"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          },
+          {
+            "type": "tableRow",
+            "content": [
+              {
+                "type": "tableCell",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "marks": [
+                          {
+                            "type": "strike"
+                          }
+                        ],
+                        "text": "strike"
+                      }
+                    ]
+                  }
+                ]
+              },
+              {
+                "type": "tableCell",
+                "attrs": {
+                  "colspan": 1,
+                  "rowspan": 1,
+                  "colwidth": null
+                },
+                "content": [
+                  {
+                    "type": "paragraph",
+                    "content": [
+                      {
+                        "type": "text",
+                        "text": "cell with "
+                      },
+                      {
+                        "type": "text",
+                        "marks": [
+                          {
+                            "type": "italic"
+                          }
+                        ],
+                        "text": "italic"
+                      }
+                    ]
+                  }
+                ]
+              }
+            ]
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 1
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "content after table"
+          }
+        ]
+      }
+    ]
+  }
+08_04_49__gitlab_internal_extension_markdown__migrated_golden_master_examples__table_of_contents__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "tableOfContents"
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 1
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Lorem"
+          }
+        ]
+      },
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "Well, that's just like... your opinion.. man."
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 2
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Ipsum"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 3
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Dolar"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 1
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "Sit amit"
+          }
+        ]
+      },
+      {
+        "type": "heading",
+        "attrs": {
+          "level": 3
+        },
+        "content": [
+          {
+            "type": "text",
+            "text": "I don't know"
+          }
+        ]
+      }
+    ]
+  }
+08_04_51__gitlab_internal_extension_markdown__migrated_golden_master_examples__video__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "video",
+            "attrs": {
+              "uploading": false,
+              "src": "https://gitlab.com/gitlab.mp4",
+              "canonicalSrc": "https://gitlab.com/gitlab.mp4",
+              "alt": "Sample Video"
+            }
+          }
+        ]
+      }
+    ]
+  }
+08_04_52__gitlab_internal_extension_markdown__migrated_golden_master_examples__word_break__001: |-
+  {
+    "type": "doc",
+    "content": [
+      {
+        "type": "paragraph",
+        "content": [
+          {
+            "type": "text",
+            "text": "Fernstraßenbauprivatfinanzierungsgesetz"
+          }
+        ]
+      }
+    ]
+  }
diff --git a/glfm_specification/output_example_snapshots/snapshot_spec.html b/glfm_specification/output_example_snapshots/snapshot_spec.html
index d79fab0dd2b..8e18c768c7d 100644
--- a/glfm_specification/output_example_snapshots/snapshot_spec.html
+++ b/glfm_specification/output_example_snapshots/snapshot_spec.html
@@ -307,6 +307,62 @@
 <li><a href="#audio">Audio</a></li>
 <li><a href="#video">Video</a></li>
 <li><a href="#markdown-preview-api-request-overrides">Markdown Preview API Request Overrides</a></li>
+<li>
+<a href="#migrated-golden-master-examples">Migrated golden master examples</a><ul>
+<li><a href="#attachment_image_for_group">attachment_image_for_group</a></li>
+<li><a href="#attachment_image_for_project">attachment_image_for_project</a></li>
+<li><a href="#attachment_image_for_project_wiki">attachment_image_for_project_wiki</a></li>
+<li><a href="#attachment_link_for_group">attachment_link_for_group</a></li>
+<li><a href="#attachment_link_for_project">attachment_link_for_project</a></li>
+<li><a href="#attachment_link_for_project_wiki">attachment_link_for_project_wiki</a></li>
+<li><a href="#attachment_link_for_group_wiki">attachment_link_for_group_wiki</a></li>
+<li><a href="#audio-1">audio</a></li>
+<li><a href="#audio_and_video_in_lists">audio_and_video_in_lists</a></li>
+<li><a href="#blockquote">blockquote</a></li>
+<li><a href="#bold">bold</a></li>
+<li><a href="#bullet_list_style_1">bullet_list_style_1</a></li>
+<li><a href="#bullet_list_style_2">bullet_list_style_2</a></li>
+<li><a href="#bullet_list_style_3">bullet_list_style_3</a></li>
+<li><a href="#code_block_javascript">code_block_javascript</a></li>
+<li><a href="#code_block_plaintext">code_block_plaintext</a></li>
+<li><a href="#code_block_unknown">code_block_unknown</a></li>
+<li><a href="#color_chips">color_chips</a></li>
+<li><a href="#description_list">description_list</a></li>
+<li><a href="#details">details</a></li>
+<li><a href="#diagram_kroki_nomnoml">diagram_kroki_nomnoml</a></li>
+<li><a href="#diagram_plantuml">diagram_plantuml</a></li>
+<li><a href="#diagram_plantuml_unicode">diagram_plantuml_unicode</a></li>
+<li><a href="#div">div</a></li>
+<li><a href="#emoji">emoji</a></li>
+<li><a href="#emphasis">emphasis</a></li>
+<li><a href="#figure">figure</a></li>
+<li><a href="#footnotes-1">footnotes</a></li>
+<li><a href="#frontmatter_json">frontmatter_json</a></li>
+<li><a href="#frontmatter_toml">frontmatter_toml</a></li>
+<li><a href="#frontmatter_yaml">frontmatter_yaml</a></li>
+<li><a href="#hard_break">hard_break</a></li>
+<li><a href="#headings">headings</a></li>
+<li><a href="#horizontal_rule">horizontal_rule</a></li>
+<li><a href="#html_marks">html_marks</a></li>
+<li><a href="#image">image</a></li>
+<li><a href="#inline_code">inline_code</a></li>
+<li><a href="#inline_diff">inline_diff</a></li>
+<li><a href="#label">label</a></li>
+<li><a href="#link">link</a></li>
+<li><a href="#math">math</a></li>
+<li><a href="#ordered_list">ordered_list</a></li>
+<li><a href="#ordered_list_with_start_order">ordered_list_with_start_order</a></li>
+<li><a href="#ordered_task_list">ordered_task_list</a></li>
+<li><a href="#ordered_task_list_with_order">ordered_task_list_with_order</a></li>
+<li><a href="#reference_for_project_wiki">reference_for_project_wiki</a></li>
+<li><a href="#strike">strike</a></li>
+<li><a href="#table">table</a></li>
+<li><a href="#table_of_contents">table_of_contents</a></li>
+<li><a href="#task_list">task_list</a></li>
+<li><a href="#video-1">video</a></li>
+<li><a href="#word_break">word_break</a></li>
+</ul>
+</li>
 </ul>
 </li>
 </ul>
@@ -12575,6 +12631,852 @@ also requires an EE license enabling the <code>group_wikis</code> feature:</p>
 <copy-code></copy-code>
 </div>
 </div>
+<h2 data-sourcepos="14174:1-14174:34" dir="auto">
+<a id="user-content-migrated-golden-master-examples" class="anchor" href="#migrated-golden-master-examples" aria-hidden="true"></a>Migrated golden master examples</h2>
+<h3 data-sourcepos="14176:1-14176:30" dir="auto">
+<a id="user-content-attachment_image_for_group" class="anchor" href="#attachment_image_for_group" aria-hidden="true"></a>attachment_image_for_group</h3>
+<div>
+<div><a href="#example-698">Example 698</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14181:1-14183:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14185:1-14187:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14190:1-14190:32" dir="auto">
+<a id="user-content-attachment_image_for_project" class="anchor" href="#attachment_image_for_project" aria-hidden="true"></a>attachment_image_for_project</h3>
+<div>
+<div><a href="#example-699">Example 699</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14195:1-14197:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14199:1-14201:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14204:1-14204:37" dir="auto">
+<a id="user-content-attachment_image_for_project_wiki" class="anchor" href="#attachment_image_for_project_wiki" aria-hidden="true"></a>attachment_image_for_project_wiki</h3>
+<div>
+<div><a href="#example-700">Example 700</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14209:1-14211:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![test-file](test-file.png)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14213:1-14215:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14218:1-14218:29" dir="auto">
+<a id="user-content-attachment_link_for_group" class="anchor" href="#attachment_link_for_group" aria-hidden="true"></a>attachment_link_for_group</h3>
+<div>
+<div><a href="#example-701">Example 701</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14223:1-14225:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14227:1-14229:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14232:1-14232:31" dir="auto">
+<a id="user-content-attachment_link_for_project" class="anchor" href="#attachment_link_for_project" aria-hidden="true"></a>attachment_link_for_project</h3>
+<div>
+<div><a href="#example-702">Example 702</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14237:1-14239:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14241:1-14243:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14246:1-14246:36" dir="auto">
+<a id="user-content-attachment_link_for_project_wiki" class="anchor" href="#attachment_link_for_project_wiki" aria-hidden="true"></a>attachment_link_for_project_wiki</h3>
+<div>
+<div><a href="#example-703">Example 703</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14251:1-14253:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[test-file](test-file.zip)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14255:1-14257:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14260:1-14260:34" dir="auto">
+<a id="user-content-attachment_link_for_group_wiki" class="anchor" href="#attachment_link_for_group_wiki" aria-hidden="true"></a>attachment_link_for_group_wiki</h3>
+<div>
+<div><a href="#example-704">Example 704</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14265:1-14267:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[test-file](test-file.zip)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14269:1-14271:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14274:1-14274:9" dir="auto">
+<a id="user-content-audio-1" class="anchor" href="#audio-1" aria-hidden="true"></a>audio</h3>
+<div>
+<div><a href="#example-705">Example 705</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14279:1-14281:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![Sample Audio](https://gitlab.com/gitlab.mp3)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14283:1-14285:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14288:1-14288:28" dir="auto">
+<a id="user-content-audio_and_video_in_lists" class="anchor" href="#audio_and_video_in_lists" aria-hidden="true"></a>audio_and_video_in_lists</h3>
+<div>
+<div><a href="#example-706">Example 706</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14293:1-14303:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">* ![Sample Audio](https://gitlab.com/1.mp3)</span>
+<span id="LC2" class="line" lang="plaintext">* ![Sample Video](https://gitlab.com/2.mp4)</span>
+<span id="LC3" class="line" lang="plaintext"></span>
+<span id="LC4" class="line" lang="plaintext">1. ![Sample Video](https://gitlab.com/1.mp4)</span>
+<span id="LC5" class="line" lang="plaintext">2. ![Sample Audio](https://gitlab.com/2.mp3)</span>
+<span id="LC6" class="line" lang="plaintext"></span>
+<span id="LC7" class="line" lang="plaintext">* [x] ![Sample Audio](https://gitlab.com/1.mp3)</span>
+<span id="LC8" class="line" lang="plaintext">* [x] ![Sample Audio](https://gitlab.com/2.mp3)</span>
+<span id="LC9" class="line" lang="plaintext">* [x] ![Sample Video](https://gitlab.com/3.mp4)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14305:1-14307:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14310:1-14310:14" dir="auto">
+<a id="user-content-blockquote" class="anchor" href="#blockquote" aria-hidden="true"></a>blockquote</h3>
+<div>
+<div><a href="#example-707">Example 707</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14315:1-14319:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">&gt; This is a blockquote</span>
+<span id="LC2" class="line" lang="plaintext">&gt;</span>
+<span id="LC3" class="line" lang="plaintext">&gt; This is another one</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14321:1-14323:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14326:1-14326:8" dir="auto">
+<a id="user-content-bold" class="anchor" href="#bold" aria-hidden="true"></a>bold</h3>
+<div>
+<div><a href="#example-708">Example 708</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14331:1-14333:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">**bold**</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14335:1-14337:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14340:1-14340:23" dir="auto">
+<a id="user-content-bullet_list_style_1" class="anchor" href="#bullet_list_style_1" aria-hidden="true"></a>bullet_list_style_1</h3>
+<div>
+<div><a href="#example-709">Example 709</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14345:1-14349:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">* list item 1</span>
+<span id="LC2" class="line" lang="plaintext">* list item 2</span>
+<span id="LC3" class="line" lang="plaintext">  * embedded list item 3</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14351:1-14353:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14356:1-14356:23" dir="auto">
+<a id="user-content-bullet_list_style_2" class="anchor" href="#bullet_list_style_2" aria-hidden="true"></a>bullet_list_style_2</h3>
+<div>
+<div><a href="#example-710">Example 710</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14361:1-14365:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">- list item 1</span>
+<span id="LC2" class="line" lang="plaintext">- list item 2</span>
+<span id="LC3" class="line" lang="plaintext">  * embedded list item 3</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14367:1-14369:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14372:1-14372:23" dir="auto">
+<a id="user-content-bullet_list_style_3" class="anchor" href="#bullet_list_style_3" aria-hidden="true"></a>bullet_list_style_3</h3>
+<div>
+<div><a href="#example-711">Example 711</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14377:1-14381:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">+ list item 1</span>
+<span id="LC2" class="line" lang="plaintext">+ list item 2</span>
+<span id="LC3" class="line" lang="plaintext">  - embedded list item 3</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14383:1-14385:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14388:1-14388:25" dir="auto">
+<a id="user-content-code_block_javascript" class="anchor" href="#code_block_javascript" aria-hidden="true"></a>code_block_javascript</h3>
+<div>
+<div><a href="#example-712">Example 712</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14393:1-14397:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```javascript</span>
+<span id="LC2" class="line" lang="plaintext">  console.log('hello world')</span>
+<span id="LC3" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14399:1-14401:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14404:1-14404:24" dir="auto">
+<a id="user-content-code_block_plaintext" class="anchor" href="#code_block_plaintext" aria-hidden="true"></a>code_block_plaintext</h3>
+<div>
+<div><a href="#example-713">Example 713</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14409:1-14413:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```</span>
+<span id="LC2" class="line" lang="plaintext">  plaintext</span>
+<span id="LC3" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14415:1-14417:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14420:1-14420:22" dir="auto">
+<a id="user-content-code_block_unknown" class="anchor" href="#code_block_unknown" aria-hidden="true"></a>code_block_unknown</h3>
+<div>
+<div><a href="#example-714">Example 714</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14425:1-14429:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```foobar</span>
+<span id="LC2" class="line" lang="plaintext">  custom_language = &gt;&gt; this &lt;&lt;</span>
+<span id="LC3" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14431:1-14433:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14436:1-14436:15" dir="auto">
+<a id="user-content-color_chips" class="anchor" href="#color_chips" aria-hidden="true"></a>color_chips</h3>
+<div>
+<div><a href="#example-715">Example 715</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14441:1-14451:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">- `#F00`</span>
+<span id="LC2" class="line" lang="plaintext">- `#F00A`</span>
+<span id="LC3" class="line" lang="plaintext">- `#FF0000`</span>
+<span id="LC4" class="line" lang="plaintext">- `#FF0000AA`</span>
+<span id="LC5" class="line" lang="plaintext">- `RGB(0,255,0)`</span>
+<span id="LC6" class="line" lang="plaintext">- `RGB(0%,100%,0%)`</span>
+<span id="LC7" class="line" lang="plaintext">- `RGBA(0,255,0,0.3)`</span>
+<span id="LC8" class="line" lang="plaintext">- `HSL(540,70%,50%)`</span>
+<span id="LC9" class="line" lang="plaintext">- `HSLA(540,70%,50%,0.3)`</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14453:1-14455:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14458:1-14458:20" dir="auto">
+<a id="user-content-description_list" class="anchor" href="#description_list" aria-hidden="true"></a>description_list</h3>
+<div>
+<div><a href="#example-716">Example 716</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14463:1-14480:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">&lt;dl&gt;</span>
+<span id="LC2" class="line" lang="plaintext">&lt;dt&gt;Frog&lt;/dt&gt;</span>
+<span id="LC3" class="line" lang="plaintext">&lt;dd&gt;Wet green thing&lt;/dd&gt;</span>
+<span id="LC4" class="line" lang="plaintext">&lt;dt&gt;Rabbit&lt;/dt&gt;</span>
+<span id="LC5" class="line" lang="plaintext">&lt;dd&gt;Warm fluffy thing&lt;/dd&gt;</span>
+<span id="LC6" class="line" lang="plaintext">&lt;dt&gt;Punt&lt;/dt&gt;</span>
+<span id="LC7" class="line" lang="plaintext">&lt;dd&gt;Kick a ball&lt;/dd&gt;</span>
+<span id="LC8" class="line" lang="plaintext">&lt;dd&gt;Take a bet&lt;/dd&gt;</span>
+<span id="LC9" class="line" lang="plaintext">&lt;dt&gt;Color&lt;/dt&gt;</span>
+<span id="LC10" class="line" lang="plaintext">&lt;dt&gt;Colour&lt;/dt&gt;</span>
+<span id="LC11" class="line" lang="plaintext">&lt;dd&gt;</span>
+<span id="LC12" class="line" lang="plaintext"></span>
+<span id="LC13" class="line" lang="plaintext">Any hue except _white_ or **black**</span>
+<span id="LC14" class="line" lang="plaintext"></span>
+<span id="LC15" class="line" lang="plaintext">&lt;/dd&gt;</span>
+<span id="LC16" class="line" lang="plaintext">&lt;/dl&gt;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14482:1-14484:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14487:1-14487:11" dir="auto">
+<a id="user-content-details" class="anchor" href="#details" aria-hidden="true"></a>details</h3>
+<div>
+<div><a href="#example-717">Example 717</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14492:1-14500:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">&lt;details&gt;</span>
+<span id="LC2" class="line" lang="plaintext">&lt;summary&gt;This is the visible summary of the collapsible section&lt;/summary&gt;</span>
+<span id="LC3" class="line" lang="plaintext"></span>
+<span id="LC4" class="line" lang="plaintext">1. collapsed markdown</span>
+<span id="LC5" class="line" lang="plaintext">2. more collapsed markdown</span>
+<span id="LC6" class="line" lang="plaintext"></span>
+<span id="LC7" class="line" lang="plaintext">&lt;/details&gt;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14502:1-14504:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14507:1-14507:25" dir="auto">
+<a id="user-content-diagram_kroki_nomnoml" class="anchor" href="#diagram_kroki_nomnoml" aria-hidden="true"></a>diagram_kroki_nomnoml</h3>
+<div>
+<div><a href="#example-718">Example 718</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14512:1-14524:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```nomnoml</span>
+<span id="LC2" class="line" lang="plaintext">  #stroke: #a86128</span>
+<span id="LC3" class="line" lang="plaintext">  [&lt;frame&gt;Decorator pattern|</span>
+<span id="LC4" class="line" lang="plaintext">    [&lt;abstract&gt;Component||+ operation()]</span>
+<span id="LC5" class="line" lang="plaintext">    [Client] depends --&gt; [Component]</span>
+<span id="LC6" class="line" lang="plaintext">    [Decorator|- next: Component]</span>
+<span id="LC7" class="line" lang="plaintext">    [Decorator] decorates -- [ConcreteComponent]</span>
+<span id="LC8" class="line" lang="plaintext">    [Component] &lt;:- [Decorator]</span>
+<span id="LC9" class="line" lang="plaintext">    [Component] &lt;:- [ConcreteComponent]</span>
+<span id="LC10" class="line" lang="plaintext">  ]</span>
+<span id="LC11" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14526:1-14528:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14531:1-14531:20" dir="auto">
+<a id="user-content-diagram_plantuml" class="anchor" href="#diagram_plantuml" aria-hidden="true"></a>diagram_plantuml</h3>
+<div>
+<div><a href="#example-719">Example 719</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14536:1-14544:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```plantuml</span>
+<span id="LC2" class="line" lang="plaintext">  Alice -&gt; Bob: Authentication Request</span>
+<span id="LC3" class="line" lang="plaintext">  Bob --&gt; Alice: Authentication Response</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">  Alice -&gt; Bob: Another authentication Request</span>
+<span id="LC6" class="line" lang="plaintext">  Alice &lt;-- Bob: Another authentication Response</span>
+<span id="LC7" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14546:1-14548:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14551:1-14551:28" dir="auto">
+<a id="user-content-diagram_plantuml_unicode" class="anchor" href="#diagram_plantuml_unicode" aria-hidden="true"></a>diagram_plantuml_unicode</h3>
+<div>
+<div><a href="#example-720">Example 720</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14556:1-14560:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">```plantuml</span>
+<span id="LC2" class="line" lang="plaintext">A -&gt; B : Text with norwegian characters: æøå</span>
+<span id="LC3" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14562:1-14564:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14567:1-14567:7" dir="auto">
+<a id="user-content-div" class="anchor" href="#div" aria-hidden="true"></a>div</h3>
+<div>
+<div><a href="#example-721">Example 721</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14572:1-14579:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">&lt;div&gt;plain text&lt;/div&gt;</span>
+<span id="LC2" class="line" lang="plaintext">&lt;div&gt;</span>
+<span id="LC3" class="line" lang="plaintext"></span>
+<span id="LC4" class="line" lang="plaintext">just a plain ol' div, not much to _expect_!</span>
+<span id="LC5" class="line" lang="plaintext"></span>
+<span id="LC6" class="line" lang="plaintext">&lt;/div&gt;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14581:1-14583:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14586:1-14586:9" dir="auto">
+<a id="user-content-emoji" class="anchor" href="#emoji" aria-hidden="true"></a>emoji</h3>
+<div>
+<div><a href="#example-722">Example 722</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14591:1-14593:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">:sparkles: :heart: :100:</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14595:1-14597:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14600:1-14600:12" dir="auto">
+<a id="user-content-emphasis" class="anchor" href="#emphasis" aria-hidden="true"></a>emphasis</h3>
+<div>
+<div><a href="#example-723">Example 723</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14605:1-14607:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">_emphasized text_</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14609:1-14611:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14614:1-14614:10" dir="auto">
+<a id="user-content-figure" class="anchor" href="#figure" aria-hidden="true"></a>figure</h3>
+<div>
+<div><a href="#example-724">Example 724</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14619:1-14636:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">&lt;figure&gt;</span>
+<span id="LC2" class="line" lang="plaintext"></span>
+<span id="LC3" class="line" lang="plaintext">![Elephant at sunset](elephant-sunset.jpg)</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">&lt;figcaption&gt;An elephant at sunset&lt;/figcaption&gt;</span>
+<span id="LC6" class="line" lang="plaintext">&lt;/figure&gt;</span>
+<span id="LC7" class="line" lang="plaintext">&lt;figure&gt;</span>
+<span id="LC8" class="line" lang="plaintext"></span>
+<span id="LC9" class="line" lang="plaintext">![A crocodile wearing crocs](croc-crocs.jpg)</span>
+<span id="LC10" class="line" lang="plaintext"></span>
+<span id="LC11" class="line" lang="plaintext">&lt;figcaption&gt;</span>
+<span id="LC12" class="line" lang="plaintext"></span>
+<span id="LC13" class="line" lang="plaintext">A crocodile wearing _crocs_!</span>
+<span id="LC14" class="line" lang="plaintext"></span>
+<span id="LC15" class="line" lang="plaintext">&lt;/figcaption&gt;</span>
+<span id="LC16" class="line" lang="plaintext">&lt;/figure&gt;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14638:1-14640:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14643:1-14643:13" dir="auto">
+<a id="user-content-footnotes-1" class="anchor" href="#footnotes-1" aria-hidden="true"></a>footnotes</h3>
+<div>
+<div><a href="#example-725">Example 725</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14648:1-14656:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">A footnote reference tag looks like this: [^1]</span>
+<span id="LC2" class="line" lang="plaintext"></span>
+<span id="LC3" class="line" lang="plaintext">This reference tag is a mix of letters and numbers. [^footnote]</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">[^1]: This is the text inside a footnote.</span>
+<span id="LC6" class="line" lang="plaintext"></span>
+<span id="LC7" class="line" lang="plaintext">[^footnote]: This is another footnote.</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14658:1-14660:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14663:1-14663:20" dir="auto">
+<a id="user-content-frontmatter_json" class="anchor" href="#frontmatter_json" aria-hidden="true"></a>frontmatter_json</h3>
+<div>
+<div><a href="#example-726">Example 726</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14668:1-14674:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">;;;</span>
+<span id="LC2" class="line" lang="plaintext">{</span>
+<span id="LC3" class="line" lang="plaintext">  "title": "Page title"</span>
+<span id="LC4" class="line" lang="plaintext">}</span>
+<span id="LC5" class="line" lang="plaintext">;;;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14676:1-14678:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14681:1-14681:20" dir="auto">
+<a id="user-content-frontmatter_toml" class="anchor" href="#frontmatter_toml" aria-hidden="true"></a>frontmatter_toml</h3>
+<div>
+<div><a href="#example-727">Example 727</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14686:1-14690:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">+++</span>
+<span id="LC2" class="line" lang="plaintext">title = "Page title"</span>
+<span id="LC3" class="line" lang="plaintext">+++</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14692:1-14694:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14697:1-14697:20" dir="auto">
+<a id="user-content-frontmatter_yaml" class="anchor" href="#frontmatter_yaml" aria-hidden="true"></a>frontmatter_yaml</h3>
+<div>
+<div><a href="#example-728">Example 728</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14702:1-14706:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">---</span>
+<span id="LC2" class="line" lang="plaintext">title: Page title</span>
+<span id="LC3" class="line" lang="plaintext">---</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14708:1-14710:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14713:1-14713:14" dir="auto">
+<a id="user-content-hard_break" class="anchor" href="#hard_break" aria-hidden="true"></a>hard_break</h3>
+<div>
+<div><a href="#example-729">Example 729</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14718:1-14721:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">This is a line after a\</span>
+<span id="LC2" class="line" lang="plaintext">hard break</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14723:1-14725:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14728:1-14728:12" dir="auto">
+<a id="user-content-headings" class="anchor" href="#headings" aria-hidden="true"></a>headings</h3>
+<div>
+<div><a href="#example-730">Example 730</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14733:1-14745:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext"># Heading 1</span>
+<span id="LC2" class="line" lang="plaintext"></span>
+<span id="LC3" class="line" lang="plaintext">## Heading 2</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">### Heading 3</span>
+<span id="LC6" class="line" lang="plaintext"></span>
+<span id="LC7" class="line" lang="plaintext">#### Heading 4</span>
+<span id="LC8" class="line" lang="plaintext"></span>
+<span id="LC9" class="line" lang="plaintext">##### Heading 5</span>
+<span id="LC10" class="line" lang="plaintext"></span>
+<span id="LC11" class="line" lang="plaintext">###### Heading 6</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14747:1-14749:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14752:1-14752:19" dir="auto">
+<a id="user-content-horizontal_rule" class="anchor" href="#horizontal_rule" aria-hidden="true"></a>horizontal_rule</h3>
+<div>
+<div><a href="#example-731">Example 731</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14757:1-14759:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">---</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14761:1-14763:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14766:1-14766:14" dir="auto">
+<a id="user-content-html_marks" class="anchor" href="#html_marks" aria-hidden="true"></a>html_marks</h3>
+<div>
+<div><a href="#example-732">Example 732</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14771:1-14787:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">* Content editor is ~~great~~&lt;ins&gt;amazing&lt;/ins&gt;.</span>
+<span id="LC2" class="line" lang="plaintext">* If the changes &lt;abbr title="Looks good to merge"&gt;LGTM&lt;/abbr&gt;, please &lt;abbr title="Merge when pipeline succeeds"&gt;MWPS&lt;/abbr&gt;.</span>
+<span id="LC3" class="line" lang="plaintext">* The English song &lt;q&gt;Oh I do like to be beside the seaside&lt;/q&gt; looks like this in Hebrew: &lt;span dir="rtl"&gt;אה, אני אוהב להיות ליד חוף הים&lt;/span&gt;. In the computer's memory, this is stored as &lt;bdo dir="ltr"&gt;אה, אני אוהב להיות ליד חוף הים&lt;/bdo&gt;.</span>
+<span id="LC4" class="line" lang="plaintext">* &lt;cite&gt;The Scream&lt;/cite&gt; by Edvard Munch. Painted in 1893.</span>
+<span id="LC5" class="line" lang="plaintext">* &lt;dfn&gt;HTML&lt;/dfn&gt; is the standard markup language for creating web pages.</span>
+<span id="LC6" class="line" lang="plaintext">* Do not forget to buy &lt;mark&gt;milk&lt;/mark&gt; today.</span>
+<span id="LC7" class="line" lang="plaintext">* This is a paragraph and &lt;small&gt;smaller text goes here&lt;/small&gt;.</span>
+<span id="LC8" class="line" lang="plaintext">* The concert starts at &lt;time datetime="20:00"&gt;20:00&lt;/time&gt; and you'll be able to enjoy the band for at least &lt;time datetime="PT2H30M"&gt;2h 30m&lt;/time&gt;.</span>
+<span id="LC9" class="line" lang="plaintext">* Press &lt;kbd&gt;Ctrl&lt;/kbd&gt; + &lt;kbd&gt;C&lt;/kbd&gt; to copy text (Windows).</span>
+<span id="LC10" class="line" lang="plaintext">* WWF's goal is to: &lt;q&gt;Build a future where people live in harmony with nature.&lt;/q&gt; We hope they succeed.</span>
+<span id="LC11" class="line" lang="plaintext">* The error occurred was: &lt;samp&gt;Keyboard not found. Press F1 to continue.&lt;/samp&gt;</span>
+<span id="LC12" class="line" lang="plaintext">* The area of a triangle is: 1/2 x &lt;var&gt;b&lt;/var&gt; x &lt;var&gt;h&lt;/var&gt;, where &lt;var&gt;b&lt;/var&gt; is the base, and &lt;var&gt;h&lt;/var&gt; is the vertical height.</span>
+<span id="LC13" class="line" lang="plaintext">* &lt;ruby&gt;漢&lt;rt&gt;ㄏㄢˋ&lt;/rt&gt;&lt;/ruby&gt;</span>
+<span id="LC14" class="line" lang="plaintext">* C&lt;sub&gt;7&lt;/sub&gt;H&lt;sub&gt;16&lt;/sub&gt; + O&lt;sub&gt;2&lt;/sub&gt; → CO&lt;sub&gt;2&lt;/sub&gt; + H&lt;sub&gt;2&lt;/sub&gt;O</span>
+<span id="LC15" class="line" lang="plaintext">* The **Pythagorean theorem** is often expressed as &lt;var&gt;a&lt;sup&gt;2&lt;/sup&gt;&lt;/var&gt; + &lt;var&gt;b&lt;sup&gt;2&lt;/sup&gt;&lt;/var&gt; = &lt;var&gt;c&lt;sup&gt;2&lt;/sup&gt;&lt;/var&gt;</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14789:1-14791:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14794:1-14794:9" dir="auto">
+<a id="user-content-image" class="anchor" href="#image" aria-hidden="true"></a>image</h3>
+<div>
+<div><a href="#example-733">Example 733</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14799:1-14801:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![alt text](https://gitlab.com/logo.png)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14803:1-14805:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14808:1-14808:15" dir="auto">
+<a id="user-content-inline_code" class="anchor" href="#inline_code" aria-hidden="true"></a>inline_code</h3>
+<div>
+<div><a href="#example-734">Example 734</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14813:1-14815:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">`code`</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14817:1-14819:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14822:1-14822:15" dir="auto">
+<a id="user-content-inline_diff" class="anchor" href="#inline_diff" aria-hidden="true"></a>inline_diff</h3>
+<div>
+<div><a href="#example-735">Example 735</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14827:1-14830:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">* {-deleted-}</span>
+<span id="LC2" class="line" lang="plaintext">* {+added+}</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14832:1-14834:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14837:1-14837:9" dir="auto">
+<a id="user-content-label" class="anchor" href="#label" aria-hidden="true"></a>label</h3>
+<div>
+<div><a href="#example-736">Example 736</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14842:1-14844:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">~bug</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14846:1-14848:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14851:1-14851:8" dir="auto">
+<a id="user-content-link" class="anchor" href="#link" aria-hidden="true"></a>link</h3>
+<div>
+<div><a href="#example-737">Example 737</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14856:1-14858:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[GitLab](https://gitlab.com)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14860:1-14862:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14865:1-14865:8" dir="auto">
+<a id="user-content-math" class="anchor" href="#math" aria-hidden="true"></a>math</h3>
+<div>
+<div><a href="#example-738">Example 738</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14870:1-14878:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">This math is inline $`a^2+b^2=c^2`$.</span>
+<span id="LC2" class="line" lang="plaintext"></span>
+<span id="LC3" class="line" lang="plaintext">This is on a separate line:</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">```math</span>
+<span id="LC6" class="line" lang="plaintext">a^2+b^2=c^2</span>
+<span id="LC7" class="line" lang="plaintext">```</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14880:1-14882:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14885:1-14885:16" dir="auto">
+<a id="user-content-ordered_list" class="anchor" href="#ordered_list" aria-hidden="true"></a>ordered_list</h3>
+<div>
+<div><a href="#example-739">Example 739</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14890:1-14894:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">1. list item 1</span>
+<span id="LC2" class="line" lang="plaintext">2. list item 2</span>
+<span id="LC3" class="line" lang="plaintext">3. list item 3</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14896:1-14898:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14901:1-14901:33" dir="auto">
+<a id="user-content-ordered_list_with_start_order" class="anchor" href="#ordered_list_with_start_order" aria-hidden="true"></a>ordered_list_with_start_order</h3>
+<div>
+<div><a href="#example-740">Example 740</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14906:1-14910:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">134. list item 1</span>
+<span id="LC2" class="line" lang="plaintext">135. list item 2</span>
+<span id="LC3" class="line" lang="plaintext">136. list item 3</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14912:1-14914:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14917:1-14917:21" dir="auto">
+<a id="user-content-ordered_task_list" class="anchor" href="#ordered_task_list" aria-hidden="true"></a>ordered_task_list</h3>
+<div>
+<div><a href="#example-741">Example 741</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14922:1-14929:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">1. [x] hello</span>
+<span id="LC2" class="line" lang="plaintext">2. [x] world</span>
+<span id="LC3" class="line" lang="plaintext">3. [ ] example</span>
+<span id="LC4" class="line" lang="plaintext">   1. [ ] of nested</span>
+<span id="LC5" class="line" lang="plaintext">      1. [x] task list</span>
+<span id="LC6" class="line" lang="plaintext">      2. [ ] items</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14931:1-14933:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14936:1-14936:32" dir="auto">
+<a id="user-content-ordered_task_list_with_order" class="anchor" href="#ordered_task_list_with_order" aria-hidden="true"></a>ordered_task_list_with_order</h3>
+<div>
+<div><a href="#example-742">Example 742</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14941:1-14945:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">4893. [x] hello</span>
+<span id="LC2" class="line" lang="plaintext">4894. [x] world</span>
+<span id="LC3" class="line" lang="plaintext">4895. [ ] example</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14947:1-14949:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14952:1-14952:30" dir="auto">
+<a id="user-content-reference_for_project_wiki" class="anchor" href="#reference_for_project_wiki" aria-hidden="true"></a>reference_for_project_wiki</h3>
+<div>
+<div><a href="#example-743">Example 743</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14957:1-14959:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14961:1-14963:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14966:1-14966:10" dir="auto">
+<a id="user-content-strike" class="anchor" href="#strike" aria-hidden="true"></a>strike</h3>
+<div>
+<div><a href="#example-744">Example 744</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14971:1-14973:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">~~del~~</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14975:1-14977:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14980:1-14980:9" dir="auto">
+<a id="user-content-table" class="anchor" href="#table" aria-hidden="true"></a>table</h3>
+<div>
+<div><a href="#example-745">Example 745</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14985:1-14992:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">| header | header |</span>
+<span id="LC2" class="line" lang="plaintext">|--------|--------|</span>
+<span id="LC3" class="line" lang="plaintext">| `code` | cell with **bold** |</span>
+<span id="LC4" class="line" lang="plaintext">| ~~strike~~ | cell with _italic_ |</span>
+<span id="LC5" class="line" lang="plaintext"></span>
+<span id="LC6" class="line" lang="plaintext"># content after table</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="14994:1-14996:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="14999:1-14999:21" dir="auto">
+<a id="user-content-table_of_contents" class="anchor" href="#table_of_contents" aria-hidden="true"></a>table_of_contents</h3>
+<div>
+<div><a href="#example-746">Example 746</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15004:1-15018:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">[[_TOC_]]</span>
+<span id="LC2" class="line" lang="plaintext"></span>
+<span id="LC3" class="line" lang="plaintext"># Lorem</span>
+<span id="LC4" class="line" lang="plaintext"></span>
+<span id="LC5" class="line" lang="plaintext">Well, that's just like... your opinion.. man.</span>
+<span id="LC6" class="line" lang="plaintext"></span>
+<span id="LC7" class="line" lang="plaintext">## Ipsum</span>
+<span id="LC8" class="line" lang="plaintext"></span>
+<span id="LC9" class="line" lang="plaintext">### Dolar</span>
+<span id="LC10" class="line" lang="plaintext"></span>
+<span id="LC11" class="line" lang="plaintext"># Sit amit</span>
+<span id="LC12" class="line" lang="plaintext"></span>
+<span id="LC13" class="line" lang="plaintext">### I don't know</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15020:1-15022:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="15025:1-15025:13" dir="auto">
+<a id="user-content-task_list" class="anchor" href="#task_list" aria-hidden="true"></a>task_list</h3>
+<div>
+<div><a href="#example-747">Example 747</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15030:1-15037:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">* [x] hello</span>
+<span id="LC2" class="line" lang="plaintext">* [x] world</span>
+<span id="LC3" class="line" lang="plaintext">* [ ] example</span>
+<span id="LC4" class="line" lang="plaintext">  * [ ] of nested</span>
+<span id="LC5" class="line" lang="plaintext">    * [x] task list</span>
+<span id="LC6" class="line" lang="plaintext">    * [ ] items</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15039:1-15041:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="15044:1-15044:9" dir="auto">
+<a id="user-content-video-1" class="anchor" href="#video-1" aria-hidden="true"></a>video</h3>
+<div>
+<div><a href="#example-748">Example 748</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15049:1-15051:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">![Sample Video](https://gitlab.com/gitlab.mp4)</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15053:1-15055:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
+<h3 data-sourcepos="15058:1-15058:14" dir="auto">
+<a id="user-content-word_break" class="anchor" href="#word_break" aria-hidden="true"></a>word_break</h3>
+<div>
+<div><a href="#example-749">Example 749</a></div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15063:1-15065:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="example" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">Fernstraßen&lt;wbr&gt;bau&lt;wbr&gt;privat&lt;wbr&gt;finanzierungs&lt;wbr&gt;gesetz</span></code></pre>
+<copy-code></copy-code>
+</div>
+<div class="gl-relative markdown-code-block js-markdown-code">
+<pre data-sourcepos="15067:1-15069:32" lang="plaintext" class="code highlight js-syntax-highlight language-plaintext" data-canonical-lang="" v-pre="true"><code><span id="LC1" class="line" lang="plaintext">TODO: Write canonical HTML for this example</span></code></pre>
+<copy-code></copy-code>
+</div>
+</div>
 
 </body>
 </html>
diff --git a/glfm_specification/output_example_snapshots/snapshot_spec.md b/glfm_specification/output_example_snapshots/snapshot_spec.md
index 1cb1cfdc0f4..8898857ba45 100644
--- a/glfm_specification/output_example_snapshots/snapshot_spec.md
+++ b/glfm_specification/output_example_snapshots/snapshot_spec.md
@@ -9990,3 +9990,589 @@ also requires an EE license enabling the `group_wikis` feature:
 .
 <p><a href="group-wikis-test-file">group-wikis-test-file</a></p>
 ````````````````````````````````
+
+## Migrated golden master examples
+
+### attachment_image_for_group
+
+```````````````````````````````` example gitlab
+![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_image_for_project
+
+```````````````````````````````` example gitlab
+![test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_image_for_project_wiki
+
+```````````````````````````````` example gitlab
+![test-file](test-file.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_group
+
+```````````````````````````````` example gitlab
+[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_project
+
+```````````````````````````````` example gitlab
+[test-file](/uploads/aa45a38ec2cfe97433281b10bbff042c/test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_project_wiki
+
+```````````````````````````````` example gitlab
+[test-file](test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### attachment_link_for_group_wiki
+
+```````````````````````````````` example gitlab
+[test-file](test-file.zip)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### audio
+
+```````````````````````````````` example gitlab
+![Sample Audio](https://gitlab.com/gitlab.mp3)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### audio_and_video_in_lists
+
+```````````````````````````````` example gitlab
+* ![Sample Audio](https://gitlab.com/1.mp3)
+* ![Sample Video](https://gitlab.com/2.mp4)
+
+1. ![Sample Video](https://gitlab.com/1.mp4)
+2. ![Sample Audio](https://gitlab.com/2.mp3)
+
+* [x] ![Sample Audio](https://gitlab.com/1.mp3)
+* [x] ![Sample Audio](https://gitlab.com/2.mp3)
+* [x] ![Sample Video](https://gitlab.com/3.mp4)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### blockquote
+
+```````````````````````````````` example gitlab
+> This is a blockquote
+>
+> This is another one
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bold
+
+```````````````````````````````` example gitlab
+**bold**
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_1
+
+```````````````````````````````` example gitlab
+* list item 1
+* list item 2
+  * embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_2
+
+```````````````````````````````` example gitlab
+- list item 1
+- list item 2
+  * embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### bullet_list_style_3
+
+```````````````````````````````` example gitlab
++ list item 1
++ list item 2
+  - embedded list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_javascript
+
+```````````````````````````````` example gitlab
+```javascript
+  console.log('hello world')
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_plaintext
+
+```````````````````````````````` example gitlab
+```
+  plaintext
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### code_block_unknown
+
+```````````````````````````````` example gitlab
+```foobar
+  custom_language = >> this <<
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### color_chips
+
+```````````````````````````````` example gitlab
+- `#F00`
+- `#F00A`
+- `#FF0000`
+- `#FF0000AA`
+- `RGB(0,255,0)`
+- `RGB(0%,100%,0%)`
+- `RGBA(0,255,0,0.3)`
+- `HSL(540,70%,50%)`
+- `HSLA(540,70%,50%,0.3)`
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### description_list
+
+```````````````````````````````` example gitlab
+<dl>
+<dt>Frog</dt>
+<dd>Wet green thing</dd>
+<dt>Rabbit</dt>
+<dd>Warm fluffy thing</dd>
+<dt>Punt</dt>
+<dd>Kick a ball</dd>
+<dd>Take a bet</dd>
+<dt>Color</dt>
+<dt>Colour</dt>
+<dd>
+
+Any hue except _white_ or **black**
+
+</dd>
+</dl>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### details
+
+```````````````````````````````` example gitlab
+<details>
+<summary>This is the visible summary of the collapsible section</summary>
+
+1. collapsed markdown
+2. more collapsed markdown
+
+</details>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_kroki_nomnoml
+
+```````````````````````````````` example gitlab
+```nomnoml
+  #stroke: #a86128
+  [<frame>Decorator pattern|
+    [<abstract>Component||+ operation()]
+    [Client] depends --> [Component]
+    [Decorator|- next: Component]
+    [Decorator] decorates -- [ConcreteComponent]
+    [Component] <:- [Decorator]
+    [Component] <:- [ConcreteComponent]
+  ]
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_plantuml
+
+```````````````````````````````` example gitlab
+```plantuml
+  Alice -> Bob: Authentication Request
+  Bob --> Alice: Authentication Response
+
+  Alice -> Bob: Another authentication Request
+  Alice <-- Bob: Another authentication Response
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### diagram_plantuml_unicode
+
+```````````````````````````````` example gitlab
+```plantuml
+A -> B : Text with norwegian characters: æøå
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### div
+
+```````````````````````````````` example gitlab
+<div>plain text</div>
+<div>
+
+just a plain ol' div, not much to _expect_!
+
+</div>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### emoji
+
+```````````````````````````````` example gitlab
+:sparkles: :heart: :100:
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### emphasis
+
+```````````````````````````````` example gitlab
+_emphasized text_
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### figure
+
+```````````````````````````````` example gitlab
+<figure>
+
+![Elephant at sunset](elephant-sunset.jpg)
+
+<figcaption>An elephant at sunset</figcaption>
+</figure>
+<figure>
+
+![A crocodile wearing crocs](croc-crocs.jpg)
+
+<figcaption>
+
+A crocodile wearing _crocs_!
+
+</figcaption>
+</figure>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### footnotes
+
+```````````````````````````````` example gitlab
+A footnote reference tag looks like this: [^1]
+
+This reference tag is a mix of letters and numbers. [^footnote]
+
+[^1]: This is the text inside a footnote.
+
+[^footnote]: This is another footnote.
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_json
+
+```````````````````````````````` example gitlab
+;;;
+{
+  "title": "Page title"
+}
+;;;
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_toml
+
+```````````````````````````````` example gitlab
++++
+title = "Page title"
++++
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### frontmatter_yaml
+
+```````````````````````````````` example gitlab
+---
+title: Page title
+---
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### hard_break
+
+```````````````````````````````` example gitlab
+This is a line after a\
+hard break
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### headings
+
+```````````````````````````````` example gitlab
+# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+#### Heading 4
+
+##### Heading 5
+
+###### Heading 6
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### horizontal_rule
+
+```````````````````````````````` example gitlab
+---
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### html_marks
+
+```````````````````````````````` example gitlab
+* Content editor is ~~great~~<ins>amazing</ins>.
+* If the changes <abbr title="Looks good to merge">LGTM</abbr>, please <abbr title="Merge when pipeline succeeds">MWPS</abbr>.
+* The English song <q>Oh I do like to be beside the seaside</q> looks like this in Hebrew: <span dir="rtl">אה, אני אוהב להיות ליד חוף הים</span>. In the computer's memory, this is stored as <bdo dir="ltr">אה, אני אוהב להיות ליד חוף הים</bdo>.
+* <cite>The Scream</cite> by Edvard Munch. Painted in 1893.
+* <dfn>HTML</dfn> is the standard markup language for creating web pages.
+* Do not forget to buy <mark>milk</mark> today.
+* This is a paragraph and <small>smaller text goes here</small>.
+* The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.
+* Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).
+* WWF's goal is to: <q>Build a future where people live in harmony with nature.</q> We hope they succeed.
+* The error occurred was: <samp>Keyboard not found. Press F1 to continue.</samp>
+* The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.
+* <ruby>漢<rt>ㄏㄢˋ</rt></ruby>
+* C<sub>7</sub>H<sub>16</sub> + O<sub>2</sub> → CO<sub>2</sub> + H<sub>2</sub>O
+* The **Pythagorean theorem** is often expressed as <var>a<sup>2</sup></var> + <var>b<sup>2</sup></var> = <var>c<sup>2</sup></var>
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### image
+
+```````````````````````````````` example gitlab
+![alt text](https://gitlab.com/logo.png)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### inline_code
+
+```````````````````````````````` example gitlab
+`code`
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### inline_diff
+
+```````````````````````````````` example gitlab
+* {-deleted-}
+* {+added+}
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### label
+
+```````````````````````````````` example gitlab
+~bug
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### link
+
+```````````````````````````````` example gitlab
+[GitLab](https://gitlab.com)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### math
+
+```````````````````````````````` example gitlab
+This math is inline $`a^2+b^2=c^2`$.
+
+This is on a separate line:
+
+```math
+a^2+b^2=c^2
+```
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_list
+
+```````````````````````````````` example gitlab
+1. list item 1
+2. list item 2
+3. list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_list_with_start_order
+
+```````````````````````````````` example gitlab
+134. list item 1
+135. list item 2
+136. list item 3
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_task_list
+
+```````````````````````````````` example gitlab
+1. [x] hello
+2. [x] world
+3. [ ] example
+   1. [ ] of nested
+      1. [x] task list
+      2. [ ] items
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### ordered_task_list_with_order
+
+```````````````````````````````` example gitlab
+4893. [x] hello
+4894. [x] world
+4895. [ ] example
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### reference_for_project_wiki
+
+```````````````````````````````` example gitlab
+Hi @gfm_user - thank you for reporting this ~"UX bug" (#1) we hope to fix it in %1.1 as part of !1
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### strike
+
+```````````````````````````````` example gitlab
+~~del~~
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### table
+
+```````````````````````````````` example gitlab
+| header | header |
+|--------|--------|
+| `code` | cell with **bold** |
+| ~~strike~~ | cell with _italic_ |
+
+# content after table
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### table_of_contents
+
+```````````````````````````````` example gitlab
+[[_TOC_]]
+
+# Lorem
+
+Well, that's just like... your opinion.. man.
+
+## Ipsum
+
+### Dolar
+
+# Sit amit
+
+### I don't know
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### task_list
+
+```````````````````````````````` example gitlab
+* [x] hello
+* [x] world
+* [ ] example
+  * [ ] of nested
+    * [x] task list
+    * [ ] items
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### video
+
+```````````````````````````````` example gitlab
+![Sample Video](https://gitlab.com/gitlab.mp4)
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
+
+### word_break
+
+```````````````````````````````` example gitlab
+Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz
+.
+TODO: Write canonical HTML for this example
+````````````````````````````````
author	GitLab Bot <gitlab-bot@gitlab.com>	2022-12-02 06:07:57 +0300
committer	GitLab Bot <gitlab-bot@gitlab.com>	2022-12-02 06:07:57 +0300
commit	0409a31740fa29fa1131c0496da16677cb3debe4 (patch)
tree	4cbcd702a01145e8acd723f21b6bd52f3c6639d0 /glfm_specification
parent	b26eec8cbcf32085079eee0e196456eccefc993f (diff)