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