如何将原始自述文件转换为html格式化文档，然后从角度js中的github进行格式化

Question

我使用了以下控制器，但是如何将README.MD原始文件的每一行格式化为html文档

    angular.module('ExampleApp', [])
  .controller('ExampleController', function($scope, Slim,$sce) {
    Slim.getReadme().then(function(resp) {
      $scope.readme = $sce.trustAsHtml(resp.data);
    }).catch(function(resp) {
      console.log("catch", resp);
    });
  })
  .service('Slim', function($http) {
    return {
      getReadme: function() {
        return $http.get("https://api.github.com/repos/btford/angular-markdown-directive/readme", {
          headers: {
            "Accept": "application/vnd.github.v3.raw"
          }
        });
      }
    };
  });

我很高兴知道将原始自述文件转换为格式化的html页面

Answer 1

有一些插件可以将markdown编译为html。 其中一个是evilstreak的markdown.js：

https://github.com/evilstreak/markdown-js

Answer 2

我建议你看看showdownjs ，采取原始文本并将其转换为html，就像这样。

var converter = new showdown.Converter(),
    text      = '#hello, markdown!',
    html      = converter.makeHtml(text);

Answer 3

..如何将README.MD原始文件的每一行格式化为html文档..

您从github API获得的响应是​​明显的降价。 所以你只需要：

• 在实际将其绑定到范围之前，使用合适的markdown-to-html库呈现response.data 。 这是使用marked.js的示例

    $scope.readme = $sce.trustAsHtml($scope.parseMD(resp.data)); 

  其中parseMD是一个返回呈现HTML的函数

    $scope.parseMD = function(md_content){ return marked(md_content); } 

• 使用ng-bind-html将输出ng-bind-html

    <div ng-bind-html="readme"></div> 

你在parseMD做的parseMD真的很重要，这只是一个选择问题。 以下是一些流行的markdown-to-HTML库：

• 标记 //易于理解/深入研究代码
• markdown-js //支持maruku as-well-as gruber dialect
• showdown.js //在PageDown中作为PageDown分叉

所有这些库似乎与Github Flavored Markdown相得益彰

这是DEMO