特定のボタンなしでクリックするだけでリストを編集できるのは、本当に優れた UI 機能です。リンクとタグが強調表示された大きな wysiwyg エディターのように見えます。彼らはどのjsテクニックを使用していますか? フォーカスをスパイするためのコンテンツ編集可能で、編集のためのテキストエリアですか?
質問する
1941 次
1 に答える
26
私は WorkFlowy を構築している 2 人のうちの 1 人です。ページ上でマウスを動かすと、opacity:0ホバーしている項目のテキストの上にテキスト領域が表示されます。基になるコンテンツとまったく同じコンテンツとフォーマットを持っています。
クリックすると、テキスト領域がフォーカスされ、 が作成されopacity:1、コンテンツが模倣されopacity:0ます。次に、入力すると、テキストエリアとターゲット コンテンツの間でコンテンツが同期されます。リッチ テキスト編集が可能になるため、将来的には完全に非表示のテキスト エリアに移行する予定です。これは、HTML ベースの IDE の多くが行うことです。
于 2012-05-09T20:49:03.983 に答える