Address
https://github.com/bornkiller/angularMarkdownscripts/markdown.js
Attention
所有的代码都基于https://code.google.com/p/pagedown/,只是用angular的方式封装,避免手动加载
Markdown.Sanitizer.js
和Markdown.Converter.js
造成的额外成本和全局变量污染。因为个人原因,并未严格遵循
Angualr
封装规范,故提供了filter/service
两种使用方案。-
实际应用简单的Demo(service方案)。
angular.module('administratorApp') .controller('PublishCtrl', function ($scope,$log,markdown) { $scope.markdownContent = '####使用markdown语法####'; $scope.preview = null; $scope.$watch("markdownContent",function(newVal,oldVal){ try{ $scope.preview = markdown.makeHtml($scope.markdownContent); }catch(e){ $log.warn(e.name); } },true) });
-
实际使用Demo(filter方案)
<div class="col-md-6 col-lg-6"> <textarea rows="19" ng-model="markdownContent"></textarea> </div> <div class="col-md-6 col-lg-6"> <span class="label label-info">Preview</span> <section ng-bind="markdownContent | markdown"></section> <section ng-bind-html="markdownContent | markdown"></section> </div>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。