Я хочу добавить текст к тексту моего сайта. Поэтому, если кто-то выберет и скопирует текст и поместит его в буфер обмена / другой источник, он автоматически добавит дополнительную информацию: URL источника.
Проблема в том, что я использую код, но когда кто-то выбирает и копирует текст, макет текста исчезает. Например, белые линии и абзацы исчезают, и весь текст будет без перерыва с белыми линиями или абзацами.
Я пробовал несколько решений в прошлом, но большинство из них так же просты, как этот код.
<script>
function addLink() {
//Get the selected text and append the extra info
var selection = window.getSelection(),
pagelink = '<br /><br /> Lees meer op: ' + document.location.href + ' voor meer informatie', // Change this text
copytext = selection + pagelink,
newdiv = document.createElement('div');
//hide the newly created container
newdiv.style.position = 'absolute';
newdiv.style.left = '-99999px';
//insert the container, fill it with the extended text, and define the new selection
document.body.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function () {
document.body.removeChild(newdiv);
}, 100);
}
document.addEventListener('copy', addLink);
</script>
Я хочу избежать того, что расположение выделенного и скопированного текста ухудшается. Как я могу решить это? Заранее спасибо.