5

contenteditableHTML5の仕様を知りました。基本的に、そのプロパティをtrueに設定するだけで、クリックしたときに任意のhtml要素を編集可能にできます。例えば:

<p contenteditable=true>Editable content</p>

クリックすると編集可能になります。

残念ながら、これは Ember オブジェクトの変更について Ember に通知しないため、Ember は値が変更されたことを知りません。

バインディングがどのように機能するかはわかりませんが、これを何らかの形で実装することは可能でしょうか?

これは、私が話していることを示すためのフィドルです。

4

2 に答える 2

11

それどころか、使用contenteditableは完全に可能であり、自動的にサイズ変更される入力領域などを実装したい特定のユースケースへの優れたアプローチです.

Ember.js には要素のビュー クラスが既に含まれていますが、 が設定されている要素のビュー クラスは含まれて<input>いません。ここで重要なのは、div の HTML コンテンツにバインドし、プロパティをそのまま公開することです。<div>contenteditabletruevalueEmber.TextField

これについては、次のブログ投稿で説明しました: http://www.kaspertidemann.com/handling-contenteditable-in-ember-js-via-app-contenteditableview/

ブログ投稿は要約すると の紹介でありApp.ContenteditableView、そのソースはここにあります: https://github.com/KasperTidemann/ember-contenteditable-view

これが役立つことを願っています!

于 2013-07-22T23:10:50.400 に答える
2

contenteditableあなたが言ったように、あなたは残り火と話さないので、私は html5 を使用しません。

このフィドルをチェックして、ember でそれを行う方法を確認してください。contenteditable ほどクールな要素はありませんが、少なくともすべてのブラウザーで動作することはわかっています。

于 2013-06-13T09:24:28.237 に答える