以下のサイトを参考にして、<textarea>へ入力された文字列をリアルタイムでプレビューするアプリケーションを作りました。
参考サイト:http://www.kaasan.info/archives/1676
html
1<div class="box2"> 2 <div id="textarea2"> 3 <textarea></textarea></p> 4 <div> 5</div>
javascript
1$(document).ready(function(){ 2 $('#textarea2 textarea').each(function(){ 3 $(this).bind('keyup', hoge(this)); 4 }); 5 function hoge(elm){ 6 var v, old = elm.value; 7 return function(){ 8 if(old != (v=elm.value)){ 9 old = v; 10 str = $(this).val(); 11 $("#textarea2 div").text(str); 12 } 13 } 14 } 15 });
うまく反映はされるのですが、出力されるのはそのままのため
(例えば'<img src="http://hoge.jpg">'と入力するとそのまま「<img src="http://hoge.jpg">」と表示されます)
これを、hoge.jpg画像を読み込む(そのままhtml出力する)様にしたい場合はどの様にすると良いでしょうか?
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/02/23 08:40