エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
チップ画像をテキストフォームで表示させる方法
始めに 送信時に名前などが挿入されて送る際、入力フォームは以下のような感じにチップ画像になっている... 始めに 送信時に名前などが挿入されて送る際、入力フォームは以下のような感じにチップ画像になっているものを見たことがあるかもしれません。 これが実際にどのように実装されているか気になって調べてサンプルコードを書いてみたので、それについてまとめたいと思います。 サンプルはjsfiddleで書きましたので、動きが気になる方は先にこちらを触ってみてください。 実装方法 contenteditableを設定して画像ごと編集できるようにする まず普通のinput(type="text")では画像の表示ができないので、divタグにcontenteditable属性を付与してその中身が編集できるようにします。 <div contenteditable>Hello, <img class="tag-image" src="image url">World!</div> テキストも編集できつつ、画像の削除もで