adf-widget-markdown

Markdown widget for the angular-dashboard-framework.

Build

The widget is build with the help of node, npm, bower and gulp. For a install instruction for node and npm, please have a look here.

Installing bower and gulp

npm install -g bower
npm install -g gulp

Installing dependencies

npm install
bower install

Build the adf-widget-markdown

gulp

The compiled and optimized files can be found in the dist directory.

Other build goals

Each goal can be used as parameter for the gulp command.

• clean: removes the dist folder
• lint: checks css and javascript files for common errors
• serve: starts an webserver to test the widget

Usage

Install the widget with bower:

bower install adf-widget-markdown --save

Include the script in your index.html and be sure it is loaded after angular and after the angular-dashboard-framework.

<script type="text/javascript" src="bower_components/showdown/src/showdown.js"></script>
<script type="text/javascript" src="bower_components/angular-markdown-directive/markdown.js"></script>
<script type="text/javascript" src="bower_components/adf-widget-markdown/dist/adf-widget-markdown.min.js"></script>

Define a dependency for the module:

angular.module('sample', ['adf', 'adf.widget.markdown']);