Chile,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<body>
<textarea name="descr" cols="60" rows="10" >Недавно в Chrome Web Store мне попалось приложение jsFiddle, проект британского программиста Piotr Zalewa
aka @zalun. По-сути, это очередная песочница для web-программистов, но говоря «очередная» я не подразумеваю
«никому не нужная». Я долго ждал момента, когда WYSIWYG заменят такие песочницы, и, похоже, дождался</textarea>
<textarea name="text" cols="60" rows="10"></textarea>
<button type="button" class="quote" >цитировать выделенный текст</button>
<script>
var txt = '';
var message = document.querySelector('[name="text"]');
var button = document.querySelector('.quote');
document.addEventListener('mouseup', function(event) {
var el = event.target;
if (el.tagName != 'TEXTAREA' && el.getAttribute('name') != 'descr') return;
if (txt = window.getSelection) {
txt = el.value.substring(el.selectionStart, el.selectionEnd);
} else {
txt = document.selection.createRange().text;
}
dis()
})
button.addEventListener('click', function(event) {
message.value += '<img src="" alt="" />'+txt;
txt = '';
dis()
})
function dis()
{
if(txt) button.removeAttribute('disabled');
else button.setAttribute('disabled', 'disabled')
}
dis()
</script>
</body>
</body>
</html>