Markdown filter

Markdown filter with $sce.

by williammanco

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="main">
<textarea class="form-control" 
ng-init="rawmd='# Questo è un titolo 
## Un sottotitolo o H2
### E via dicendo ...
Prova anche tu a scrivere qualcosa, che si tratti di un **grassetto** o un *corsivo* non importa!

* puoi anche fare una lista
* è semplice e veloce non credi?
* come avresti fatto con WordPress no? 

> Dai provaci ***scrivi pure*** !!'
" ng-model="rawmd">
    
</textarea>
<div class="text" ng-bind-html="rawmd | markdown"></div>
</div>

CSS

h1,h2,h3,h4,h5,h6{ margin: 0; line-height: 1.3em;}
.main{ padding: 10px;}
.form-control{ padding: 10px; width: 49%; float:left; height: 300px !important; box-sizing: border-box;}

.text{ float: right; width: 49%;}

JavaScript

angular.module('app', []).
filter('markdown', function ($sce) {
    var converter = new Showdown.converter();
    return function (value) {
		var html = converter.makeHtml(value || '');
        return $sce.trustAsHtml(html);
    };
});