Блог

Я пытаюсь скопировать тег привязки в виде HTML с веб-страницы, используя JS. Идея состоит в том, чтобы позволить пользователям копировать элемент привязки и вставлять его в документы Word в качестве тега привязки.

HTML-код

 <div id="dummyDiv" style="position: fixed; opacity: 0;">
    <a href="http://localhost/Test">Link to Test</a>
</div>
  

JS-код

 var range = document.createRange();
var selection = window.getSelection();
range.selectNodeContents(document.getElementById('dummyDiv'));
selection.removeAllRanges();
selection.addRange( range );
document.execCommand('copy');
  

Проблема, с которой я сталкиваюсь, заключается в том, что этот скрипт не копирует его как элемент привязки. Он копирует только внутренний текст тега привязки «Ссылка на тест». Я не уверен, как это сделать. Нужна некоторая помощь в этом.

Проблема, похоже, в среде разработки, которая находится на виртуальной машине. тот же код, приведенный выше, отлично работает вне виртуальной машины в Chrome той же версии. Странно, почему это не работает в виртуальной машине…

Я использую https://clipboardjs.com / для этого.

Особенность манипулирования буфером обмена в том, что оно работает только из пользовательского события (например, щелчок). Вне такого обработчика событий он просто не поместит его в буфер обмена.

Это мой код копирования, который я использую при событии нажатия кнопки

  clipboard.copy({ 
            'text/plain':'text',
            'text/html': '<strong>text</strong>'
          }).then(
            function(){
                alert("copied to clipboard");
            },
            function(err){
                window.prompt("Something went wrong with automatically copying the data to clipboard.nPlease press CTRC   C to copy the data",'text');
          });