Javascript 如何在js中从github获取原始自述文件后将其转换为html格式的文档
我使用了以下控制器,但是如何将README.MD原始文件的每一行格式化为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
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得到的响应是简单的降价。所以你只需要:
- 在将
实际绑定到作用域之前,使用适当的html库标记呈现它。下面是一个使用 其中parseMD是一个返回呈现HTML的函数response.data
$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>