AngularJS directives to display source code with tabs and syntax highlighter (prism)
JavaScript HTML
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
demo
dist
src
tests fix unit tests Apr 5, 2016
.travis.yml
LICENSE
README.md
bower.json
gulpfile.js
package.json fix unit tests Apr 5, 2016

README.md

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.