🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

AngularJS directives to display source code with tabs and syntax highlighter (prism) .Use Prism syntax highlighterFully configurable by themesLoad file from attribute list or using JSON manifest

Plugins

Documentation

angular-snippets

NPM version Build Status

About

Angular directives to display code.

  • Use Prism syntax highlighter
  • Fully configurable by themes
  • Load file from attribute list or using JSON manifest

If you like this plugin give it a thumbs up at ngmodules or get me a beer.

Documentation

Project page

Examples

Using file list in attribute and bootstrap-tabs theme

<snippets path="snippets/demo" files="['index.html', 'app.js', 'missing.css']"></snippets> 

screenshot

Using manifest and bootstrap-buttons theme

<snippets path="snippets/demo1/">   <snippets-pane snippet="{name: 'Explain', selected: true, cls:'pull-right', icon: 'glyphicon glyphicon-file'}">     <div class="custom">       ...     </div>   </snippets-pane> </snippets> 

screenshot

Legal

The source for angular-snippets is released under the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.


You May Also Like