Support for Note/Attention/etc containers

[pseigler]

Current behavior

The original Boostnote desktop client would allow containers using

!!! note/attention/etc Note Title
Testing a block
!!!

The current build of Boost Note.next renders the same markdown as -

Expected behavior

The container would render as follows -

Environment

Desktop

• Boost Note.next version: 0.4.1
• OS version and name: Windows 10 / latest build

BTW

The Boost Note legacy client is the best markdown editor out there. I'm really excited to start using the .next version. I know there's work still to be done, but hoping most of the markdown features, like the ability to create containers, comes with .next. Awesome job everyone!!

[arcturus140]

Note that docarys/markdown-it-admonition#6 does not support nested admonitions. Maybe https://github.com/nebrelbug/react-admonitions is a good alternative - it does support nested admonitions, as well.

It uses the following format:

<Admonition type='note' title='Do not do this'>
    Remember that
</Admonition>

I don't know if it can be integrated to be used with markdown so it uses the format

!!! note Do not do this
Remember that
!!!

[SinclairHudson]

+1

[myicq]

This type of markdown is one of the reasons I started using Boostnote. Sad to see that this markup, along with others, has now gone. Kind of reminds me of Skype: newer, better, smarter (but all good features gone). Hope for the best to come.

[chayac]

+1 on this. I started using Boostnote because I wanted to take advantage of features like this, so I hope they will return in the new version!

[AlejandroRodarte]

Another +1. I frequently use admonition boxes and definition lists in my notes, hoping they return in the future so I can fully migrate to the new version.

Thank you for your hard work!

[Komediruzecki]

I'll close this as this is resolved with #727.
For admonitions, please use new tag syntax: triple colon operator (":::" ) instead of triple exclamation mark ("!!!") with appropriate keyword, one of: 'note', 'tip', 'warning 'caution', 'info'. Examples can be seen in PR description.

[AlejandroRodarte]

Outstanding. Will be looking forward to this recent addition.

Thanks to all the team behind this project!

[chayac]

Awesome, super excited for this! Excited to try it out. Thanks!