<div class="markdown-input-container">
  <p ng-class="'lead ' + (canWrite ? 'editable' : 'noteditable')" ng-click="editContent()">
    <span class="markdown-view" content="content"></span>
    <span class="empty" ng-show="!content && canWrite">Click to set {{ fieldTitle }}</span>
    <i class="fa fa-edit"></i>
  </p>

 <!-- Modal editor -->
 <div class="modal fade">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
         <h4 class="modal-title">Edit {{ fieldTitle }}</h4>
       </div>
       <div class="modal-body">
         <div class="wmd-panel">
           <div id="wmd-button-bar-description-{{id}}"></div>
           <textarea class="wmd-input" id="wmd-input-description-{{id}}" placeholder="Enter {{ fieldTitle }}">{{ content }}</textarea>
         </div>

         <div id="wmd-preview-description-{{id}}" class="wmd-panel wmd-preview"></div>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         <button type="button" class="btn btn-primary" ng-click="saveContent()">Save changes</button>
       </div>
     </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
</div>
