HTML выполнить вставку в текстовое поле

Question

У меня есть текстовая область, в которую я хочу вставить различные текстовые форматы.Что было бы идеально, так это иметь несколько кнопок с разными ярлыками. Одна кнопка для вставки формата A, другая для вставки формата B ... Каждый из этих форматов - просто текст.псевдокод JavaScript для них будет:

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;
    }
});