As a User I want to add basic styles (bold, italic...) to the document using toolbar

[kalitine]

Toolbar

It is created via Angular Material Button Toggle

Toolbar buttons (ticked if functionnal)

• bold
• italic
• strikethrough
• link (url focused in any case)
• quote (force the syntax to appear at beginning of lines)
• headers (force the syntax to appear at beginning of lines)
• lists (force the syntax to appear at beginning of lines)

About toggling

• buttons must be toggled when the related style is detected

Behaviour

Appearence

• on a double click that creates a selection for the editor
• on a mouse-clicked-creating a selection
• on a Shift+Arrow-creating a selection

Disappearence

• on a click on the editor
• on blur
• when the selection disappear (by moving the cursor thanks to arrows for example)
• when the selection is removed (by a suppression for example)

Display

• should be animated thanks to CSS transitions
• responsive

Limits

• Can't use both shortcuts and toggle buttons without desynchronizing toggle buttons highlights. It seems to be related to Angular Material.
• Double click selections cover __text__ but not **text** (example), so the use of the toolbar in these cases is a bit limited

[menou2u]

A way to achieve this task : http://codemirror.net/doc/manual.html#keymaps