❤
npm
Sign UpSign In

omm

0.9.3 • Public • Published

OMM - Object Markup Mapper#

An object to markup mapper to keep plain html out of your JavaScript code##

Build Status Dependency Status

Version 0.9.0

Licensed under the MIT license

This class enables you to create Simple json objects and parse them to HTML Markup at runtime. The currently complete HTML tag reference including their complete attributes is build in this class. It's also possible to extend the given configuration and/or override complete tags with own templates (e.g. for custom attributes or partials).

You can use omm in browser and on server using node.js's require

var Omm = require('omm');

EXAMPLE:

1) Create a link:

new Omm({
    A : {
      ID : 'myLink',
      CLASS : 'a b c',
      HREF : '#',
      INSERT : 'My first link using this OMM engine'
   }
}).toHtml()

Produces:

<a href="#" class="a b c" id="myLink">My first link using this OMM engine</a>

Create a custom template (partial):

var oTpl = new Omm().extTpls({
                       IMGLINK : '<a href="{IMAGEURL}" class="imagelink" id="{IMGLINKID}"><img scr="{IMAGEURL}" alt="{ALTTEXT}"/></a>'
                     });
 
oTpl.setConfig({
  IMGLINK : {
      IMGLINKID : 'myId',
      IMAGEURL : 'url_to_my_image',
      ALTTEXT : 'an image'
  }
}).toHtml();
 

Also this type of writing is possible:

new Omm().extTpls({IMGLINK : '<a href="{IMAGEURL}" class="imagelink" id="{IMGLINK}"><img scr="{IMAGEURL}" alt="{ALTTEXT}"/></a>'})
         .setConfig({IMGLINK : {IMGLINKID : 'myId',IMAGEURL : 'url_to_my_image',ALTTEXT : 'an image'}})
         .toHtml();

Produces:

<a href="url_to_my_image" class="imagelink"><img scr="url_to_my_image" alt="an image"/></a>

Readme

Keywords

Package Sidebar

Install

npm i omm

Repository

github.com/BernhardBezdek/omm

Homepage

github.com/BernhardBezdek/omm/

Weekly Downloads

5

Version

0.9.3

License

MIT

Last publish

Collaborators

  • bernhardb
Try on RunKit
Report malware