-
ID:20vlFM さんの質問

Rails+AngularJSで、editablespanタグで囲まれた要素をinputタグではなくtextareaタグに置き換えたいです

詰まってしまって困っているので質問させてください;;

AngularJSで編集可能なフィールドをつくり、Todoリスト名とTodoの内容を更新できるようにしたく、Editableなライブラリとして、mkwidzinska/editablespan(ttps://github.com/mkwidzinska/editablespan)を採用しています。

editablespanタグで囲まれたテキストをクリックするとinputタグに置き換えられ変更可能になり、エンターキーで変更が確定されDBに保存させるところまでは実装できているのですが、できれば、inputタグではなくtextareaタグで同様のことを実現させたいです。

残念ながら仕様ではinputにしか対応しておらず、、配布元の、mkwidzinska/editablespanのドキュメントを読みJSFiddleでコードを変更しながらなんとか、テキストをクリックするとtextareaタグに置き換わるところまでは実現させることができたのですが、Enterを押すと改行になってしまい、変更が確定されません(ttp://jsfiddle.net/KHttt/63/)。

test shift+enter with angularjs - CodePen(ttp://codepen.io/y__b__y/pen/afFec?editors=101)など参考にしながら試行錯誤しているのですがどうしても実現させることがきなかったので質問させていただきました。どうかよろしくお願いいたします。

みんなの回答 2 件

ID:KZdzG3 さんの回答

ここでは難しいことは誰も答えられません。ごめんね。

ID:N9Uqje

難しいかどうかはあなたの主観ですよ。

ID:N9Uqje さんの回答

ttps://jsfiddle.net/KHttt/105/
ちょっと暇だったのでやってみた。
Shift-Enterで確定するようにしてます。
一番重要なライブラリの部分を圧縮しちゃダメだよ。

textareaだけど改行周りの保存・出力とかは手つけてません。

正直これぐらいシンプルなコードいじれなかったらAngularは早い気がするよ。

最終更新日:2015-06-21 (1,621 views)

関連するトピックス

ページ上部に戻る