medium_editor.js

Ember.MediumEditor = Ember.View.extend({
  editor: null,
  initializeEditor: function() {
    var self = this,
        element = this.get('element');
        
    this.valueObserver();

    this.set('editor', new MediumEditor(element));

    $(element).on('input', function(event) {
      self.set('value', $(element).html());
    });

  }.on('didInsertElement'),

  valueObserver: function() {
    var $element = this.$(),
        value = this.get('value');

    if ($element.html() !== value) {
      $element.html(value);
    }
  }.observes('value'),

  destroyEditor: function() {
    var element = this.get('element');

    $(element).off('input');
  }.on('willDestroyElement')
});

Example use:

{{view Ember.MediumEditor value=content.description classNames='form-control medium-editor' id='description'}}