テキストエリアへの画像挿入

質問

読み込み専用のテキストエリアの最後の部分に画像を挿入したいのですが、よくわかりません。
GoliveCS2で下記のテキストエリアを作成しました。
下記の☆～☆までは実際もっと長い文章をいれているのですが、
■の部分に画像を挿入したいのです。

<textarea name="textareaName" rows="5" cols="60" readonly wrap="virtual">
☆ここに長い説明文をいれてます。☆■
</textarea>

あまり詳しくないので分かりやすく教えていただけませんか。

回答No.2

fujillin · ベストアンサー

textareaは文字通りテキストのエリアなので、画像を表示するのは難しいかと思われます。
無理やり表示するなら、画像をposition指定で重ねてあげればできますが、textareaをスクロールしても画像は移動しないという状態になります。
これを追いかけてスクロールするには・・・って、やっていると泥沼にはまりそうです。

全体がどのような使い方をしたいのか、よくわかりませんが、iframeやdivでサイズ指定しておいてoverflowを指定しておけば、画像を入れてご希望に近いことができると思われますが、それではだめなのでしょうか？

お礼

iframe知らなかったので調べました。
iframeで出来そうなのでそれでやってみることにします。
ありがとうございました。

回答No.1

noname#84373

テキストエリアなのだから文字だけしか使えません。

もしやるとしたなら、テキストエリアの背景を透明にして
その下にあるレイヤーに、画像を表示するとか・・・。
文字とのスクロールを連動するのも面倒そう。

お礼

テキストエリアの背景を透明にして・・・・
は私では無理そうなので
iframeでやってみることにします。ありがとうございました。