An editable area... markdown is rendered normally... double tap with your finger and viola a text area to edit it

editable-area.hbs

{{#if isEditing}}
  {{textarea value=value focus-out='doneEditing'}}
{{else}}
  <a style="cursor:pointer">{{format-markdown value}}</a>
{{/if}}

editable-area.js

export default Ember.Component.extend({
  isEditing: false,
  doubleClick: function() {
    var element = this.$();
    var h = element.height();
    if (this.toggleProperty('isEditing')) {
      Ember.run.next(this, function() {
        this.$('textarea').focus();
        this.$('textarea').addClass('focus');
        this.$('textarea').height(h);
      });
    }
    this.sendAction('editing');
  },
  actions: {
    doneEditing: function() {
      this.set('isEditing', false);
      this.sendAction('action');
    }
  }
});

someTemplate.hbs

{{editable-area editing="edit" action="acceptChanges" value=bio}}