angularjs pagedown 怎么增加 prettity code 风格

预览中如何添加prettity code 风格?

<link rel="stylesheet" href="http://pagedown.googlecode.com/hg/demo/browser/demo.css">
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<script src="http://pagedown.googlecode.com/hg/Markdown.Converter.js"></script>
<script src="http://pagedown.googlecode.com/hg/Markdown.Sanitizer.js"></script>
<script src="http://pagedown.googlecode.com/hg/Markdown.Editor.js"></script>
<body ng-app="App" ng-controller="myCtrl">
<button ng-click="populate()">populate</button>
<button ng-click="unpopulate()">unpopulate</button>


<div>  
  <pre>{{modal|json}}</pre>
 </div>




<div class="form" data-ng-form="modalForm">
   <h1>{{ modalForm.$pristine }}</h1>
   <div data-ng-repeat="answer in modal.data.answers">    
     <textarea data-modal="modal"
               data-pagedown-admin=""
               data-ng-model="answer.text"></textarea>
    </div>
    </div>



</body>

题主的示例代码应该来自stackoverflow: Google pagedown AngularJS directive。如果再加把劲继续google就可以搜到

var converter2 = new Markdown.Converter();
converter2.hooks.chain("postConversion", function (text) {
    return text.replace(/

<

pre>/gi, "

<

pre class=prettyprint>");
});

var editor2 = new Markdown.Editor(converter2, "-second");
editor2.hooks.chain("onPreviewRefresh", function () {
    prettyPrint();
});
editor2.run();

(via:How to combine WMD and prettify, like Stack Overflow?)
这两个答案加起来就能达到题主的需求。操作起来很简单，在原示例基础上加了几句而已，效果见：http://cssdeck.com/labs/rbn8gdhc

【热门文章】