Vue(Nuxt.js)でEnterで送信、Shift+Enterで改行の機能を実装する【textarea,input】 - Qiita
Vue(Nuxt.js)で、textarea・inputで入力したものをEnterで送信、Shift+Enterで改行する機能を実装する方法です。 チャット機能を実装する時などに便利かと思います。 Vue(Nuxt.js)でEnterで送信、Shift+Enterで改行の機能を実装 <template> <div> <p>送信:</p> <p>{{ sendMessage }}</p> <textarea v-model="message" @keydown.enter.exact="keyDownEnter" <!--enterをkeydownした時のイベント--> @keyup.enter.exact="keyUpEnter" <!--enterをkeyupした時のイベント--> @keydown.enter.shift="keyEnterShift" <!--enterとshiftを
Vue.jsでtextareaをコンポーネントにする際の注意 - Qiita
問題 textarea（inputも同様）をコンポーネント化する際 値をv-modelすることができない 解決 以下のような記述をする。 コンポーネント側 <template> <textarea ref="adjust_textarea" @input="updateValue" //★ここ class="c-input-textarea" :placeholder="placeholder" @keydown="adjustHeight" > </textarea> </template> <script> export default { name: 'BaseTextarea', data() { return { textareaVal: '', } }, props: { placeholder: { type: String, required: true, }, text:
textareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker」:phpspot開発日誌
textareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker」 2015年10月27日- jonmbake/textbox-revision-tracker GitHub textareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker」。 テキストを入力していって、途中経過を保存し、ブラウザを開いている間は好きなタイミングに戻すことができるというUIが作れます。 テキストの差分をハイライトしてくれたり、保存時間を記録してくれたりという機能があります。 サーバサイドやlocalStorageに保存してブラウザを閉じても使えるようにしたらより便利そうです 関連エントリ textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」 textarea内の
textarea内テキストをカラフルにハイライトさせられる「jquery.textarea-highlighter.js」:phpspot開発日誌
marexandre/jquery.textarea-highlighter.js GitHub textarea内テキストをカラフルにハイライトさせられる「jquery.textarea-highlighter.js」 入力の中身をハイライトしてより分かりやすいフォーム作りに活用できそうです 関連エントリ textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」 textarea内のURLをハイライトできるjQueryプラグイン「ColorUP」 textareaにドロップダウン形式の入力補助を実装できる「jQuery.textcomplete」
textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」:phpspot開発日誌
textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」 2015年04月22日- autoresize-textarea - A jQuery (optional) plugin can automatically resize the textarea's height textareaを入力値によってリサイズできるシンプルなjQueryプラグイン「autoresize-textarea」. ブラウザのtextareaは長文になるとスクロールが発生して使いづらいものになりがちですが、こうしたプラグインで自動伸縮させることでレイアウトを崩さず使いやすいtextareaが実装できますね。 こちらは軽量で実装も簡単そうです。最大の高さ設定と、高さが変更された際のイベントハンドラが記述できるという特徴も持ちます 関連エントリ 内容
textarea,inputの特定テキストをハイライトできる「jQuery highlightTextarea」:phpspot開発日誌
textarea,inputの特定テキストをハイライトできる「jQuery highlightTextarea」 2014年06月24日- jQuery highlightTextarea textarea,inputの特定テキストをハイライトできる「jQuery highlightTextarea」 長いテキストエリア内でキーワードをハイライトさせる機能があれば便利そうですが、こちらのjQueryプラグインで実現できるようです プラグイン導入後、次のようなコードで文字をハイライトできます 予め指定したワードはtextareaを変更した場合にもハイライトされるので、予約語をハイライトしたり、 promptでユーザの入力を受けてハイライトすると便利かも。 関連エントリ textareaでオートコンプリートできるようにするjQueryプラグイン「jquery-textcomplete」 iPh
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
textareaに行番号を付けられるjQueryプラグイン:phpspot開発日誌
IDEA * IDEA
