如何清理粘貼上的輸入？一個微小的所見即所得編輯器

Question

嗨Stackoverflow社區，

我已經寫了一個示例代碼，應該清除粘貼HTML代碼，但它不按預期工作。在每個粘貼上覆制<textarea>並粘貼不起作用。

這裏是的jsfiddle：http://jsfiddle.net/Kxmaf/214/

任何幫助是非常讚賞:)

Answer 1

新版本：http://jsfiddle.net/Kxmaf/218/

你是對setTimeout()，不知道該貼事件延遲。現在 ，我看到FF，即document.execCommand()是有點越野車，所以我簡化了很多（沒有更多的精力，將execCommand）：

$editor.on('paste, keydown', function() { 
    var $self = $(this);    
    setTimeout(function(){ 
     var $content = $self.html();    
     $clipboard.val($content); 
    },100); 
}); 

---

如何：http://jsfiddle.net/Kxmaf/215/

$editor.on('paste, keydown', function() { 
    var $self = $(this), 
     $content = $self.html();  
    $clipboard.val('').focus(); 
    document.execCommand('insertHTML', false, $content); 
    $self.html($content); 
    placeCaretAtEnd($self);     
}); 

沒有更多setTimeout()。 我也加了keydown，因爲它對我來說聽起來更好;）如果你願意的話，你可以刪除它。 這確實：

• 花費＃內容
• 刪除textarea的內容的內容，並重點關注一下。
• 插入來自＃內容內容到textarea的
• ＃替換內容的內容的情況下，它卡梅斯刪除或替換（這是我測試的一部分，我不知道現在$self.html($content);是相關的。
• 與重點在插入符號的＃內容結束。

placeCaretAtEnd()來自https://stackoverflow.com/a/4238971/460368我修改了一點。