Mailbrush NPM | npm.io

MailBrush – Syntax highlighting for email templates

Brought to you by

MailBrush lets you add syntax highlighting to code snippets so they can be used in your email templates.

Instead of plain ol’ snippets in your email templates that look like this:

Your snippets will now look like this: MailBrush Syntax Highlighting

Features

Supports HTML, CSS, Javascript, JSON, PHP, HTTP, and bash syntax highlighting
Full customization of colors and styles 🎨
Generates ready to use HTML snippets that have been tested in all major email clients:
- Desktop
  - Apple Mail 8, 9, 10
  - Outlook 2003, 2007, 2010, 2011, 2013, 2016
  - Windows 10 Mail
- Mobile
  - Gmail App (Android)
  - iPhones
  - iPads
- Web
  - AOL
  - Gmail
  - Outlook.com
  - Yahoo

Install

npm install mailbrush --save

Usage

const mailbrush = require('mailbrush');

// Specify options
const options = {
  language: 'json',
  cssOptions: {
    backgroundColor: 'pink'
  }
};

// The code snippet you want to beautify
const snippet = `{
   "key": "value",
   "key2": "value 2"
}`

// Make some rainbows
mailbrush.convert(snippet, options, (html) => {
  // Returns HTML with inlined CSS for email client compatibility
  console.log(html);
});

API

`mailbrush.convert( snippet, [options], [callback] )`

snippet

Type: string

The code snippet to add syntax highlighting to.

options

Type: object Default:

{
  language: 'markup', // The language of your code snippet. Supports markup, CSS, Javascript, JSON, PHP, HTTP, and bash.
  cssOptions: {
    backgroundColor: '#f5f2f0',
    padding: '10px 15px',
    fontFamily: 'Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace',
    fontSize: '12px',
    lineHeight: '1.5',
    tabSize: '2',
    fontColorBase: '#000',
    fontColorComments: 'slategray',
    fontColorPunctuation: '#999',
    fontColorTags: '#905',
    fontColorStrings: '#690',
    fontColorOperators: '#a67f59',
    fontColorKeywords: '#07a',
    fontColorFunctions: '#DD4A68',
    fontColorImportant: '#e90'
  }
}