HTML執行粘貼到textarea

Question

我有一個textarea，我想粘貼不同的文本格式。最理想的是有幾個按鈕，每個按鈕都有不同類型的標籤。一個按鈕用於粘貼格式A，另一個用於粘貼格式B ...這些格式中的每一個都只是文本。這些JavaScript的psuedocode將是：

function pasteFormatA() { 
    var txt = clipboard.getTextContent(); 
    if(txt) { 
     // sanitize text 
     // then put in textarea 
    } 
} 

這可能嗎？使用Chrome瀏覽器，但跨瀏覽器解決方案會更好。

Answer 1

閱讀實際的剪貼板將違反瀏覽器沙盒。您可以做的最好的做法是在粘貼內容後清理內容。

這是一個基於活動按鈕進行過濾的jQuery示例。

http://jsfiddle.net/xjTUY/1

<button class="active">A</button><button>B</button><button>C</button> 
<br /> 
<br /> 
<textarea></textarea> 

$('button').click(function() { 
    $('button').removeClass('active'); 
    $(this).addClass('active'); 
}); 

$('textarea').bind('input propertychange', function() { 
    var text = $(this).val(); 
    var activeFilter = $('button.active').html(); 
    switch (activeFilter) { 
    case 'A': 
     $(this).val(text.replace('a', '')); 
     break; 
    case 'B': 
     $(this).val(text.replace('b', '')); 
     break; 
    case 'C': 
     $(this).val(text.replace('c', '')); 
     break; 
    } 
});