我使用了以下控制器,但是如何将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页面
..如何将README.MD原始文件的每一行格式化为html文档。
您从github API获得的响应是普通的markdown。因此,您只需要:
response.data
在实际将其绑定到作用域之前,请使用合适的markdown-to-html库进行渲染。这是一个使用marked.js的例子
$scope.readme = $sce.trustAsHtml($scope.parseMD(resp.data));
其中parseMD是返回渲染HTML的函数
$scope.parseMD = function(md_content){
return marked(md_content);
}
使用以下方式将输出绑定为html ng-bind-html
<div ng-bind-html="readme"></div>
您所做的parseMD
确实取决于您自己,这只是选择的问题。以下是一些流行的markdown-to-HTML库:
maruku
作为阱-作为gruber
方言PageDown
在stackexchange中分叉所有这些库似乎都与Github Flavored Markdown搭配得很好
这是演示
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句