AngularJS Example

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/showdown/0.3.1/showdown.min.js"></script>
<div ng-app="transclude">
  <div ng-controller="Ctrl">
      <markdown>
# Bar
      </markdown>
  </div>
</div>

JavaScript

function Ctrl($scope) {
  $scope.foo = 'Bar';
}

angular.module('transclude', [])
 .directive('markdown', function() {
    var converter = new Showdown.converter();
     
    return {
      restrict: 'E',
      replace: true,
      scope: true,
      link: function (scope, element) {
          var markdownText = converter.makeHtml(element.text());
          element.html(markdownText);
      }

    };
});