2012-05-21 4 views
1
나는 Ember.TextArea http://emberjs.com/와 jQuery 플러그인 https://github.com/akzhan/jwysiwyg을 jwysiwyg 사용하고 싶습니다,하지만 난 바인딩 작업 :(

emberjs 바인딩 및

아래의 예를 고려 얻을 수없는 것

, 나는 runloop을 사용했다 jwysiwyg (올바른 데이터가 포함되어 있으므로) 바인딩을 실행 한 후 .jwysiwyg jQuery 플러그인을 호출하십시오.

내 문제를 설명하는 방법을 잘 모르겠지만 단순한 용어로는 다른 데이터를 전달할 수 없습니다. way ... ie. 텍스트 영역 (현재 HTML 편집기)의 데이터를 업데이트하면 모델이 업데이트되지 않습니다.

<script> 
    App = Ember.Application.create(); 

    App.entry = Ember.Object.create({ 
     sometext: "some demo text in here" 
    }); 

    App.HTMLField = Ember.TextArea.extend({ 
     valueBinding: "App.entry.sometext", 
     didInsertElement: function() { 
      this._super(); 
      Ember.run.schedule('actions', this, function(){ 
       this.$().wysiwyg(); 
      }); 
     } 
    }); 
</script> 

<!-- place view in page --> 
<script type="text/x-handlebars"> 
    <p> 
     {{App.entry.sometext}} 
    </p> 
    <p> 
     {{view App.HTMLField}} 
    </p> 
</script> 

문제를 해결하는 방법을 알고있는 사람이 있습니까? .. 해결 방법 제안? .. 어떤 포인터? 도움이 될만한게 뭐야? 그것을해야

답변

1

뭔가 같은 :

App.HTMLField = Ember.TextArea.extend({ 
    didInsertElement: function() { 

     this._super(); 

     var self = this; 
     Ember.run.schedule('actions', this, function(){ 
      this.$().wysiwyg({ 
       events: { 
        save: function() { 
         var c = this.getContent(); 
         self.set('value', this.getContent()); 
        }, 
       }, 
      }); 
     }); 
    } 
});