markdown_preview.js

(function() {
  'use strict';

  angular.module('evgenyneu.markdown-preview', [])

  .controller('Ctrl', ['$scope', '$window', '$http', '$sce',
    function($scope, $window, $http, $sce) {
      $scope.md2Html = function() {
        $scope.html = $window.marked($scope.markdown);
        $scope.htmlSafe = $sce.trustAsHtml($scope.html);
      };

      $scope.initFromUrl = function(url) {
        $http.get(url).success(function(data) {
          $scope.markdown = data;
          return $scope.md2Html();
        });
      };

      $scope.initFromText = function(text) {
        $scope.markdown = text;
        $scope.md2Html();
      };
    }
  ])

  .directive('iiMdPreview', function() {
    return {
      template: "<div layout><textarea class='MdPreview-markdown' name='{{textareaName}}' ng-model='body' ng-change='md2Html()' flex='50' style='order:1 !important;'></textarea><div class='MdPreview-html' ng-bind-html='htmlSafe' flex='50' style='order:2 !important;'/></div>",
      restrict: 'C',
      replace: true,
      controller: 'Ctrl',
      scope: {},
      link: function(scope, element, attrs) {
        if (attrs.url) {
          scope.initFromUrl(attrs.url);
        }
        if (attrs.text) {
          scope.initFromText(attrs.text);
        }
        scope.textareaName = attrs.textareaName;
      }
    };
  });

}).call(this);