Показать сообщение отдельно
  #15 (permalink)  
Старый 21.11.2017, 12:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

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">цитировать выделенный текст</button>

    <script>
      var txt = '';
      var message = document.querySelector('[name="text"]');
      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;
          }

      })
      document.querySelector('button').addEventListener('click', function(event) {
         message.value += '<img src="" alt="" />'+txt;
          txt = '';
      })
    </script>
</body>


</body>
</html>
Ответить с цитированием