json2html-list

Converts JSON to HTML UL-LI list

Install

$3

``bash
bower install --save json2html-list
`

`html

`

$3


`bash
npm install --save json2html-list
`

`js
var JSON2HTMLList = require('json2html-list');
`




How To:

`html

`

Options

container: (default: div*) tag name to list container, this container will be returned
formatContainer:* function to format container element. Will receive container element as parameter
formatUl:* function to format each UL element. Will receive UL elements as parameter
formatLi:* function to format each LI element. Will receive LI elements as parameter
formatProperty:* function to format each found object property. Will receive a object property as text node
formatValue:* function to format each object or array value. Will receive the value as text node and the correspondent property (if array will receive array index)

How To with Options:

`html

`

Converts this JSON


`js
{
"glossary": {
"title": "example glossary",
"GlossDiv": {
"title": "S",
"GlossList": {
"GlossEntry": {
"ID": "SGML",
"SortAs": "SGML",
"GlossTerm": "Standard Generalized Markup Language",
"Acronym": "SGML",
"Abbrev": "ISO 8879:1986",
"GlossDef": {
"para": "A meta-markup language, used to create markup languages such as DocBook.",
"GlossSeeAlso": [
"GML",
"XML"
]
},
"GlossSee": "markup"
}
}
}
}
}
`

Into this HTML

`html

• glossary
  
  
  
  • titleexample glossary
  
  
  • GlossDiv
    
    
    
    • titleS
    
    
    • GlossList
      
      
      
      • GlossEntry
        
        
        
        • IDSGML
        
        
        • SortAsSGML
        
        
        • GlossTermStandard Generalized Markup Language
        
        
        • AcronymSGML
        
        
        • AbbrevISO 8879:1986
        
        
        • GlossDef
          
          
          
          • paraA meta-markup language, used to create markup languages such as DocBook.
          
          
          • GlossSeeAlso
            
            
            
            • GML
            
            
            • XML
            
            
            
            
          
          
          
          
        
        
        • GlossSeemarkup
        
        
        
        
      
      
      
      
    
    
    
    
  
  
  
  

``