Избегать копирования части текста в HTML, избегая ненужного контента?

Question

Я разрабатываю html-страницу, которая отображает результаты по заданному вопросу.

Я хочу, чтобы люди могли по желанию копировать вставку по своему желанию.Часть текста, хотя и не является полезной.Это только комментарии о результатах.Я хочу, чтобы этот текст не копировался.Только для облегчения работы, а не для ее сокрытия или защиты.

Я видел другие вопросы на SO, такие как Запрет копирования текста на веб-странице Но они больше сосредоточены либо на защите полных страниц, либобольшие области текста от копирования.Я хочу избегать только небольших частей в копируемом html.

Как можно получить чистую копию вставки из текста на html-странице, избегая ненужного содержимого?

Answer 1

Вы можете использовать псевдоэлемент для показа контента, который мы не можем скопировать / вставить:

div::after {
  content:attr(data-comments);
}

<div data-comments="comments that cannot copy paste">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac nibh vitae ex posuere rhoncus. Fusce in egestas ex. Etiam tincidunt lacus sit amet lorem rutrum mollis ac pellentesque ligula.
</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac nibh vitae ex posuere rhoncus.
</div>