今日、QQ のようなコメント機能に取り組んでいたとき、インターネット上で答えを探していましたが、最終的に、コンテンツ編集可能という新しいものを知りました。 。
htmlコードは次のとおりです。
次のようにコードをコピーします。
<div id="guo" contenteditable="true">
<img src="qqface/1.gif" />
</div>
<input type="button" value="挿入" onclick="insert()" />
jsコード:
次のようにコードをコピーします。
関数挿入() {
$("#guo").append("<img src='qqface/2.gif' />");
}
操作前のインターフェース:
「挿入」をクリックした後のインターフェース:
テキストを入力すると、挿入された画像をある入力ボックスから別の入力ボックスにコピーすることもできます。
叩き落とす。