Блог

Я работаю над веб-сайтом проекта для собственного использования, и на нем есть много примеров кода, таких как:

 <code>mycommand -e {this.state.target}</code>
 

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

https://getbootstrap.com/docs/4.0/content/code/

Я нашел библиотеку, которая выполняет копирование в буфер обмена:

 <code>mycommand -e {this.state.target}</code>
<CopyToClipboard text="Hello!">
      <button>Copy to clipboard with button</button>
</CopyToClipboard>
 

Но я изо всех сил пытаюсь найти хороший пример копирования кода из приведенного выше блока кода.

Есть какие-нибудь предложения по аккуратному способу сделать это, поскольку у меня есть сотни примеров кода? Я действительно не хочу вводить код дважды или хранить его как переменную, потому что им становится медленнее/сложнее управлять.

Поэтому в приведенном выше примере я хочу, чтобы он скопировал:

 mycommand -e hi.zip