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 件
ここでは難しいことは誰も答えられません。ごめんね。
ttps://jsfiddle.net/KHttt/105/
ちょっと暇だったのでやってみた。
Shift-Enterで確定するようにしてます。
一番重要なライブラリの部分を圧縮しちゃダメだよ。
textareaだけど改行周りの保存・出力とかは手つけてません。
正直これぐらいシンプルなコードいじれなかったらAngularは早い気がするよ。
関連するトピックス