Prepare example board with extra features (e.g. color styling, extra syntax, shortcuts)

[RARgames]

Examples of supported features:

Code highlighting (highlight line, show line numbers):

 const handleEditorKeyDown = useCallback(
    (event) => {
      if (event.key === 'Escape') {
        handleCancel();
      } else if (event.ctrlKey && event.key === 'Enter') {
        handleSubmit();
      } else if (event.altKey && event.key === 'ArrowUp') {
        handleLineMove(-1);
      } else if (event.altKey && event.key === 'ArrowDown') {
        handleLineMove(1);
      }
    },
    [handleCancel, handleLineMove, handleSubmit],
  );

Github auto linking issues etc (in code not to actually notify).:

*   Commit: f8083175fe890cbf14f41d0a06e7aa35d4989587
*   Commit (fork): foo@f8083175fe890cbf14f41d0a06e7aa35d4989587
*   Commit (repo): remarkjs/remark@e1aa9f6c02de18b9459b7d269712bcb50183ce89
*   Issue or PR (`#`): #1
*   Issue or PR (`GH-`): GH-1
*   Issue or PR (fork): foo#1
*   Issue or PR (project): remarkjs/remark#1
*   Mention: @RARgames 
or
*   Commit: <https://github.com/remarkjs/remark/commit/e1aa9f6c02de18b9459b7d269712bcb50183ce89>
*   Commit comment: <https://github.com/remarkjs/remark/commit/ac63bc3abacf14cf08ca5e2d8f1f8e88a7b9015c#commitcomment-16372693>
*   Issue or PR: <https://github.com/remarkjs/remark/issues/182>
*   Issue or PR comment: <https://github.com/remarkjs/remark-github/issues/3#issue-151160339>
*   Mention: <https://github.com/ben-eb>

Colored text:

aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa aaa

Autolinking websites:

https://avatars.githubusercontent.com/u/13639766?s=400&v=4

Image with link:

Tables:

Header	Header
Cell	Cell
Cell	Cell
Cell	Cell

Default features (bold, italic, etc.):
aaa
bbb
ccc
ddd

---

a

b

c

d

e

f

sdsdasdsa

sdasd

dfdfsdfs

console.log('asda');


• aaaa
• aaa
• aa
• a

1. a
2. aa
3. aaa

• bbb
• aaa

[RARgames]

Tutorial board - #2