title: Google pagedown AngularJS directive
body: <blockquote>
    <p>See bottom of question for an improved solution to this problem</p>
  </blockquote>
  
  <p>I have been trying for some time now to get a directive for the pagedown working. This is the exact same editor used by stackoverflow. Stackoverflow make this code available here:</p>
  
  <p><a href="https://code.google.com/p/pagedown/" rel="nofollow">https://code.google.com/p/pagedown/</a></p>
  
  <p>There are some versions out there on the internet but none work well. What I need is one that will appear with all the editor buttons just like stackoverflow both when coded inline and also when it's inline as part of an ngRepeat. </p>
  
  <p>I would like to make this directive work when it's coded inline and also inside an ng-repeat using Angular version 1.2.7. What's needed is that when the model data changes the directive needs to update the pagedown views to show the new question and answers. When the user changes the pagedown edit area the directive needs to be able to update the model. When the user clicks [save] the model data needs to be saved to the database (or at least to another object to confirm it worked). </p>
  
  <p>The directive needs to be able to respond to changes in the model and also save it's raw data to the model on keyup or when the 'change' button is pressed in the editing paned. Here is what I have so far. Note that this version does not have the $wmdInput.on('change' but it's a start for what is needed.</p>
  
  <p>Most important I would like to have this working with version <strong>1.2.7</strong> of Angular and jQuery <strong>2.0.3</strong> Please note that I found differences with my non-working code between versions 1.2.2 and 1.2.7. I think it's best if any solution works for the latest (1.2.7) release.</p>
  
  <p><strong>Update</strong></p>
  
  <blockquote>
    <p>I now this directive which is simpler and solves some recent problems
    I had with the content not showing. I would highly recommend using
    this directive which is based on the answer accepted plus a few
    improvements: <a href="https://github.com/kennyki/angular-pagedown" rel="nofollow">https://github.com/kennyki/angular-pagedown</a></p>
  </blockquote>