3

html5で、テキストエリアに画像をペーストできる枠を作ることはできますか?
iPhoneのメモ帳には画像をペーストできますが、あのようなイメージです

4
  • 1
    「テキストエリア」とは<textarea>のことでしょうか。また「ペースト」とはどういう動作でしょうか。iphoneも持っていないので不明ですが、とりあえずエディタ画面をつくって画像を張り付けられるように、と解釈して、textareaではなく<div contenteditable="true" />な要素にいろいろ画像を挿入するサンプルを作ってみました。私の環境(firefox 46.0.1)では、別のタブで開いたwebページの画像やローカルの画像をドラッグ&ドロップすることで挿入もできました。試してみてください。参考
    – user15182
    2016年5月10日 6:24
  • サンプルわざわざお作りいただき感謝いたします。また説明不足につき申し訳ありません。URLやパスを指定して読み込ませるのではなくて、ユーザーのコピー操作でクリップボードに追加された画像をそのままペーストできるようにしたいのです。iPhoneをお使いになったことがないようなので別の例を出しますと、Microsoft Ofiice のExcelにはクリップボードからそのまま画像をペーストできますが、あのようなイメージです。
    – walker33
    2016年5月13日 7:33
  • MacのSafariやCromeでは上記できませんでしたが、iPhoneのSafariでサンプルにアクセスして試したところ、画像のペーストはできました。しかし貼った画像の縦横比がかわってしまうのですが、コードで何か指定していますでしょうか?
    – walker33
    2016年5月13日 8:37
  • あ、cssの方で #editor img のサイズを指定していますね。自己解決すみません。またわからないことが出てきましたら改めて質問させていただきます。誠にありがとうございました。
    – walker33
    2016年5月13日 8:43

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。