magique
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

Magique

Magique is a dead-simple, highly-readable way to write HTML in JavaScript. It's particularly designed for templating, so if you find yourself writing a lot of wrapping tags (like and ) around strings, you'll find this package useful.

Example

import { b, i } from 'magique';

b('hello') // yields <strong>hello</strong>
i('hello') // yields <em>hello</em>

Usage

TypeScript/ES6

import { bold } from 'magique';
bold('hello');

/* OR */

import * as magique from 'magique';
magique.bold('hello');

ES5

var magique = require('magique');
magique.bold('hello');

/* OR */

var bold = require('magique').bold;
bold('hello');

Supported Tags and Aliases

Tag Aliases Returns Usage
b bold, strong str b(str)
i italic, em str i(str)
a link str or str a(str) OR a(str, href)
br N/A
br()
hX header str h(level)(str) where level is between 1 and 6
h1, h2, h3, h4, h5, h6 N/A

str

h1(str)

Readme

Keywords

none

Package Sidebar

Install

npm i magique

Weekly Downloads

2

Version

1.0.0

License

MIT

Last publish

Collaborators

  • wbhob