![image](https://cdn.steemitimages.com/DQmNTmAzVe52SPyofE26tQkQy7gYupQysEoUoyPKEmgCpw3/code-1839406_1280.jpg)

Meet Markup builder, a minimal powerful utility for building markup, be it HTML or Markdown. 

This library can help you transform your markup by sanitizing against XSS, converting markdown to HTML and more. It is built on [XSS](https://www.npmjs.com/package/xss), [Remarkable](https://www.npmjs.com/package/remarkable), [DOMParser](https://www.npmjs.com/package/dom-parser) and [Markup tools](https://www.npmjs.com/package/markup-tools).

### How do you use Markup builder?

**Node.js**

```
npm install markup-builder --save
```

Use as:

```
const markup = require('markup-builder');
```

**Browser**
`https://unpkg.com/markup-builder/dist/markup.min.js`
Exported to the browser window as `markup`.

### Using markup builder
```
const t = "**Lorem ipsum dolor sit amet**, consectetuer adipiscing elit. Aenean <i>commodo ligula eget</i> dolor. Aenean massa. Cum @sociis natoque #penatibus et magnis dis parturient montes,<script>alert('Quisque rutrum.')</script> nascetur ridiculus mus. Donec quam felis, https://www.youtube.com/watch?v=sO_YEdTcVXc https://travis-ci.org/peerquery/markup-builder";

//inside async function
var content = await markup.build.content(t /*,config, options*/ );   //with about options object
console.log(content);
 
//With promise API
markup.build.content(t /*,config, options*/).then(function(content){   //options is optional, using defaults
    console.log(content);
});
 
// "<p><strong>Lorem ipsum dolor sit amet</strong>, consectetuer adipiscing elit. Aenean <i>commodo ligula eget</i> dolor. Aenean massa. Cum <a target="_blank" href="/user/sociis">@sociis</a> natoque <a target="_blank" href="/trending/penatibus "> #penatibus </a> et magnis dis parturient montes,&lt;script&gt;alert(\'Quisque rutrum.\')&lt;/script&gt; nascetur ridiculus mus. Donec quam felis, <a href="https://www.youtube.com/watch?v=sO_YEdTcVXc">https://www.youtube.com/watch?v=sO_YEdTcVXc</a> <a href="https://travis-ci.org/peerquery/markup-builder">https://travis-ci.org/peerquery/markup-builder</p></a>\n"
```

### How is Markup builder different from Markup tools?

[Markup tools](https://www.npmjs.com/package/markup-tools)&nbsp;is a small set of standalone utilities for basic text manipulation. However Markup builder allows you to actually build markup.

[Markup builder](https://www.npmjs.com/package/markup-builder)'s build functions use Markup tools to build all un-attached hashtags into hyperlinked tags, all un-attached mentions into hyperlinked mentions, as well as build all raw urls and image links into their respective tags.

In addition to this markup is also sanitized, and markdown is converted to HTML.

### Resources and links

Github repo:&nbsp;[https://github.com/peerquery/markup-builder](https://github.com/peerquery/markup-builder)

NPM page:&nbsp;[https://www.npmjs.com/package/markup-builder](https://www.npmjs.com/package/markup-builder)  

- - -

  Published on [Peer Query - Blockchain-powered p2p collaboration](http://www.peerquery.com/report/dzivenu-introducing-markup-builder-minimalist-but-powerful-html-and-markdown-markup-builder-jnagdv4aux0yt).