Javascript 如何在js中从github获取原始自述文件后将其转换为html格式的文档

Javascript 如何在js中从github获取原始自述文件后将其转换为html格式的文档,javascript,html,angularjs,github-api,readme,Javascript,Html,Angularjs,Github Api,Readme,我使用了以下控制器,但是如何将README.MD原始文件的每一行格式化为html文档 angular.module('ExampleApp', []) .controller('ExampleController', function($scope, Slim,$sce) { Slim.getReadme().then(function(resp) { $scope.readme = $sce.trustAsHtml(resp.data); }).catc

我使用了以下控制器,但是如何将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页面

有一些插件可以将标记编译成html。 其中之一是evilstreak的markdown.js:

我建议您仔细研究,获取原始文本,然后像这样将其转换为html

var converter = new showdown.Converter(),
    text      = '#hello, markdown!',
    html      = converter.makeHtml(text);
…如何将README.MD原始文件的每一行格式化为html文档

您从github API得到的响应是简单的降价。所以你只需要:

  • 在将
    response.data
    实际绑定到作用域之前,使用适当的html库标记呈现它。下面是一个使用

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

     $scope.parseMD = function(md_content){
          return marked(md_content);
     }
    
  • 使用
    ng bind html

     <div ng-bind-html="readme"></div>
    
    
    
您在
parseMD
中所做的一切由您自己决定,只是选择的问题。以下是一些常见的HTML库的降价:

  • //易于理解/深入了解代码
  • //支持
    maruku
    以及
    gruber
    方言
  • //在stackexchange中分叉为
    PageDown
所有这些图书馆似乎都很受欢迎


以下是如何在解析后的html中向每一个添加css,如果您添加这个,它将更有帮助!
 <div ng-bind-html="readme"></div>