PubWriter Sandbox w/MD2HTML

Welcome to the PubWriter Sandbox! You can write in Markdown on the left and see a sample of how it will render on your site on the right. You can download or copy the resulting HTML anytime using the button and it will include any CSS you might have add. Tip: Use ⌘ + a to select all and clear the sample content.

This tool allows you to:

Build and test PubWriter stylesheets to use on your site.
Export your MD content to HTML to use anywhere else.

TODO:

Enable the middle button to download the .md file

Enter Markdown
Custom CSS

<html><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" rel="stylesheet"> <link rel="stylesheet" href="https://pubwriter.net/css/font-awesome-animation.min.css"></html>

<p align="right"><b><script src="https://pubwriter.net/js/today.js"></script></b></p>

# Instructions

This tool allows you to take markdown and convert it to html. This is helpful when you need to inject a little HTML in your PubWriter page.

## Use Scenarios

> You want to change the size of an image:

### Create a Hyperlink (full accessibility)

[Name of link](https://pubwriter.com "Name of Link for Hover")

## Second Heading

* Unordered lists, and:
  1. One
  1. Two
  1. Three
 * More

> Blockquote

And **bold**, *italics*, and even *italics and later **bold***. Even ~~strikethrough~~. [A link](https://markdowntohtml.com) to somewhere.

And code highlighting:

```js
var foo = 'bar';

function baz(s) {
   return foo + ':' + s;
}
```

Or inline code like `var foo = 'bar';`.

Or an image of bears

![bears](http://placebear.com/200/200)

The end ...

Preview
Raw HTML