feat(ui-markdown-editor): heading wysiwyg - #346

[d-e-v-esh]

Signed-off-by: Devesh [email protected]

Closes #346

This is an improvement over #347

This pull request adds the feature of markdown shortcuts for headings. Now we can insert headings in the document with the help of just the #.

• # => H1

• ## => H2

• ### => H3

• #### => H4

• ##### => H5

• ######=> H6

• ---, - - -, ***, * * * => PageBreak

• This is a refactor to the feat(ui-markdown-editor): heading wysiwyg - #346 #347 which was suggested by @dselman here.

• I could be wrong in understanding what Dan was saying. I want to get the opinions of Dan and other mentors on how to implement the structure for the matchCases so it becomes very easy to implement more matching functions later in the future.

Changes

• A file called matchCases is added inside the utilities folder. This file is supposed to contain all the upcoming match cases that would be added i.e. code block, ordered and unordered lists, bold, italics etc.
• A bug in the existing page break shortcut was fixed where it would keep the line where we inserted the ---.

Screenshots or Video

Related Issues

• Issue Magic Shortcuts for Markdown #321

Author Checklist

• Ensure you provide a DCO sign-off for your commits using the --signoff option of git commit.
• Vital features and changes captured in unit and/or integration tests
• Commits messages follow AP format
• Extend the documentation, if necessary
• Merging to master from fork:branchname
• Manual accessibility test performed
  • Keyboard-only access, including forms
  • Contrast at least WCAG Level A
  • Appropriate labels, alt text, and instructions

[Michael-Grover]

lgtm, I would wait for an engineer's review before merging though (like @DianaLease or @dselman)

[jolanglinais]

This is 🧨 !