jQuery使用特殊的HTML語法注入iframe

Question

尋找一種方法來選擇iframe的大於和小於語法字符（「>」和「<」）並用一些文本替換它們。下面是我在哪裏到目前爲止，一個簡單的輸入框，其內容是自動注入的iframe：

的HTML：

 <div class="desc-input"> 
      <form> 
       <h2>Input Box</h2> 
       <textarea></textarea> 
      </form> 
     </div> 

     <div class="html-preview"> 
      <h2>Text Auto Inserted Here</h2> 
      <div class="amazonHtml grid"> 
       <iframe></iframe> 
      </div> 
     </div> 

jQuery的：

 (function() { 

     var frame = $('iframe'), 
      contents = frame.contents(), 
      body = contents.find('body'); 

      $('textarea').focus(function() { 
       var $this = $(this); 

      // To live update the preview box 
      $this.keyup(function() {  
       body.text($this.val()); 

     });  
     }); 
    })(); 

Here's a JSfiddle of the above.

本質上我正在尋找一種方法來查找和替換所有「>」和「<」可以輸入到文本區域中，因爲我打算將此簡單文本區域變爲所見即所得輸入區域，並且需要用戶能夠查看和複製輸出HTML，只有它不是標準的HTML，它需要一個稍微不同的語法。

感謝任何見解。

Answer 1

好了，除去所有<和>你會做：

str.replace(/[<>]/g, ''); 

所以你的情況，這將是：

body.text($this.val().replace(/[<>]/g, '')); 

希望這有助於。乾杯