console.md
Rendering Markdown In The Javascript Console
Hi! 👋
@adamisntdead
The Javascript Console
What Else Can We Do
Tables
Groups
Styles?
console.log('%c' + 'Hello World', 'color: red; font-size: 60px')
What is Markdown?
# Hello World
This is **Markdown**!
It is a text format with loads of features like:
* lists
* Images
* links
* quotes
> Markdown is great!
```javascript
console.log('you can even write source code in!')
```
Markdown In The Console?
Document
Heading
Paragraph
Image
Text
Link
Bold
Text
Link
- Cascading
- Paddings & Margins
- Images
console.md(`# Welcome!
This is markdown! I can do *lots* of **really** ~~boring~~ interesting stuff!
I can, for example give a [link](https://github.com). Notice that the url is put beside the text
and in brackets.
For now, only a subset of the whole markdown syntax is supported, but I do have the following working:
* All headings
* Standard text
* Bold text
* Inline code
* Block code (although not highlighted)
* Images (only at full size)
* Links (kind of)
* Lists (not nested yet!)
The code above was rendered from the markdown
\`\`\`markdown
# Welcome!
This is markdown! I can do *lots* of **really** ~~boring~~ interesting stuff!
I can, for example give a [link](https://github.com). Notice that the url is put beside the text
and in brackets.
For now, only a subset of the whole markdown syntax is supported, but I do have the following working:
* All headings
* Standard text
* Bold text
* Inline code
* Block code (although not highlighted)
* Images (only at full size)
* Links (kind of)
\`\`\`
As you may be able to see, there is a few layout issues, but they are to be expected (it is the \`console\` you know!).
There is image support, but they can only appear at full size at the moment. ![](https://www.fillmurray.com/g/800/450).
Also, no raw html is supported, it all must be vanilla markdown 💔.
(Oh, emojis work too! 🔮✨🌟🎶💫☄️⭐️🎤🎧💎)
Try it out!
Just type \`console.md('# Your **Markdown** Here!')\`
`)
npm install console-markdown
- Use `%c` for stying
- Cross Browser
- Images in Chrome
Thanks! 🔮
@adamisntdead
console.md
By Adam Kelly
console.md
- 759