JSFiddle - React, Tailwind, and code Playground

by bluemood

HTML

<script src="http://aliencube.github.io/Simple-Mock-Web-Service/javascripts/pagedown/Markdown.Converter.js"></script>
<div ng-app="markdownApp">
    <div id="readme-md" ng-init="init('https://raw.github.com/aliencube/Simple-Mock-Web-Service/master/README.md')" ng-controller="markdownController">{{html}}</div>
</div>

JavaScript

(function (angular) {
    var converterService = function ($scope, $http) {
        var getHtml = function (filename) {
                var html = "";
                $http.get(filename).success(function (data) {
                    var converter = new Markdown.Converter().makeHtml;
                    html = converter(data);
                });
                return html;
        };
        
        return {
            getHtml: function (filename) {
                return getHtml(filename);
            }
        };
    };
    
    var module = angular.module("markdownApp", []);

    module.value("converter", function ($scope, $http) {
        return converterService($scope, $http);
    });

    module.controller("markdownController", function ($scope, $http/*, converter*/) {
        var getHtml = function (filename) {
                var html = "";
                $http.post(filename).success(function (data) {
                    var converter = new Markdown.Converter().makeHtml;
                    html = converter(data);
                });
                return html;
        };
        
        $scope.init = function (url) {
            $scope.url = url;
            //$scope.converterService = converter($scope, $http);
        };

        $scope.html = getHtml($scope.url); //$scope.converterService.getHtml($scope.url);
    });
})(angular);