Angular directive to render Markdown text. It's built on blazingly fast markdown parser marked.
Check out the demo here.
Include angular-md.js
in your project (you can do so via bower install angular-md
).
Make sure to load marked library. Optionally, load highlightjs library (as well as the corresponding css file) for code highlighting.
Load the directive after loading angular.js
<script src="path_to_marked.js"></script>
<script src="path_to_highlightjs.js"></script>
<script src="path_to_angular.js"></script>
<script src="path_to_angular-md.js"></script>
Specify angular-md as a dependency of your Angular module.
var app = angular.module('ngApp', [
'yaru22.md'
]);
Use it in your project.
<html ng-app="ngApp">
...
<body>
<md>
# How to use angular-md
This is a example of how to use angular-md.
- Bullet point 1.
- Bullet point 2.
> To use or not to use...
> - Anonymous
</md>
<!-- or -->
<md ng-include="'text.md'"></md>
<!-- or -->
<md ng-model="mdText"></md>
</body>
</html>
This seed is released under permissive MIT License.