Home/ Questions/Q 7433671
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T09:42:36+00:00

QQ: How can I update an object’s property to match the innerHtml of an

  • 0

QQ: How can I update an object’s property to match the innerHtml of an element in a view when a button is clicked?

I am working on building a content editing interface using EmberJS and the HTML5 contenteditable attribute (via the Hallo editor). This means that valueBinding doesn’t do the trick, since we’re dealing with the actual page HTML, not input/textarea value attributes. I’ve built a similar app in Backbone, which lacks dynamic bindings but allows you to set the model object as a property of the view.

What’s the best way to get this working with EmberJS? Should I set a property on the view to the entire model? Do I need to create some sort of innerHtml binding and view helper, modeled on valueBinding?

I’ve set up a fiddle with an example of what I’m trying to do (with basic jQuery handling of the contentEditable attribute, instead of hallo):

http://jsfiddle.net/W6gsW/2/

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    http://jsfiddle.net/ud3323/nXCvq/

    I did change a few things with how you defined the bindings in App.docView to make things cleaner. My solution does feel a litte hackish, but it works with 1 line of code per property.

    • 0