webrtcのチャット機能を作っています。
チャットでコードを入力するとコードとして読み取ってしまいます。
<input>みたいにコードを入力しても文字列として、そのまま出せるようにするにはどうしたらいいですか?
html
1<!-- 入力フォーム --> 2<div id="wrap"><div id="connections"><span class="filler"></span></div> 3 <div class="clear"></div> 4 <form id="send"> 5 <textarea type="text" id="text" placeholder="メッセージを入力" autocomplete="off"></textarea> 6 <label> 7 <button class="button" type="submit"><i class="material-icons">send</i></button> 8 </label> 9 </form> 10</div>
js
1//出力の処理 2 function connect(room) { 3 // Handle a chat connection. 4 jQuery('#text').focus(); 5 const chatbox = jQuery('<div></div>').addClass('connection').addClass('active').attr('id', room.name); 6 const roomName = room.name.replace('sfu_text_', ''); 7 const header = jQuery('<h1></h1>').html('ID: <strong>' + roomName + '</strong>'); 8 const messages = jQuery('<div><em>接続しました。メッセージを入力してください。</em></div>').addClass('messages'); 9 chatbox.append(header); 10 chatbox.append(messages); 11 // Select connection handler. 12 chatbox.on('click', () => { 13 chatbox.toggleClass('active'); 14 }); 15 16 jQuery('.filler').hide(); 17 jQuery('#connections').append(chatbox); 18 19 room.getLog(); 20 room.once('log', logs => { 21 for (let i = 0; i < logs.length; i++) { 22 const log = JSON.parse(logs[i]); 23 24 switch (log.messageType) { 25 case 'ROOM_DATA': 26 messages.append('<div>' + log.message.data + '</div>'); 27 break; 28 case 'ROOM_USER_JOIN': 29 if (log.message.src === peer.id) { 30 break; 31 } 32 messages.append('<div>相手が入室しました。 </div>'); 33 break; 34 case 'ROOM_USER_LEAVE': 35 if (log.message.src === peer.id) { 36 break; 37 } 38 messages.append('<div>相手が退出しました。 </div>'); 39 break; 40 } 41 } 42 }); 43 44 room.on('data', message => { 45 if (message.data instanceof ArrayBuffer) { 46 const dataView = new Uint8Array(message.data); 47 const dataBlob = new Blob([dataView]); 48 const url = URL.createObjectURL(dataBlob); 49 messages.append('<div><span class="file">' + 50 message.src + ' has sent you a <a target="_blank" href="' + url + '">file</a>.</span></div>'); 51 } else { 52 messages.append('<pre><div><p class="p_peer"><span class="peer">' + message.data + '</span></p></div></pre>'); 53 } 54 }); 55 56 room.on('peerJoin', peerId => { 57 messages.append('<div>相手が入室しました。 </div>'); 58 }); 59 60 room.on('peerLeave', peerId => { 61 messages.append('<div>相手が退出しました。 </div>'); 62 }); 63 } 64
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/11/15 03:28
2018/11/15 06:58