0
我在手機間隙中製作聊天應用程序,並且我想插入明文,我從文本區域插入了明文,並將其顯示在正文中,但問題是,當我點擊明文表單文本區域時,它顯示的是整個路徑而不是標題,就像我們寫的笑聲一樣:D,它顯示笑聲。當我點擊笑時,它顯示了圖像的整個路徑,但不是:D(我想要的)。這裏是我的代碼:如何在手機中顯示圖像代碼而不是圖像路徑
<textarea name="txtmessage" style=" width: 82%; height: auto; outline-color: none;" id="txtmessage" placeholder="write your text here..."></textarea>
<div class="em">
<img src="http://simpleicon.com/wp-content/uploads/big-smile-256x256.png" width="25" id="showhide_emobox" />
<div id="emobox">
<img alt=":)" border="0" src="emotions/emoticon-happy.png" />
<img alt=":(" border="0" src="emotions/emoticon-unhappy.png" />
<img alt=":o" border="0" src="emotions/emoticon-surprised.png" />
</div>
</div>
$('#emobox img').live("click",function() {
var smiley = $(this).attr('alt');
var test = $(this).attr('src');
var tst1 = '<img alt=' + smiley + ' border=0 src=' + test + ' />'
ins2pos(tst1, 'txtmessage');
});
我知道這僅適用於冠軍,但我也想圖像(比喻)那邊,但在文字區域我不想顯示路徑,但標題,當我在發送鍵單擊它應該顯示的比喻在聊天正文中,現在顯示上面的代碼明文,但在文本區域顯示的是整個路徑而不是標題 –
您不能將圖像添加到'textarea'。你可以使它成爲可編輯的'div'內容http://stackoverflow.com/questions/3793090/html-is-there-any-way-to-show-images-in-a-textarea或另一種解決方案是使用html實體而不是圖像 – mpallansch