Как добавить функцию копирования в буфер обмена в vuejs с помощью prismjs? - PullRequest
2 голосов
/ 25 сентября 2019

Я отображаю синтаксис Html, используя vue-prism-component (https://www.npmjs.com/package/vue-prism-component). Теперь я хочу добавить кнопку, которая должна копировать код. До сих пор я нашел библиотеку vue-clipboard2 (https://www.npmjs.com/package/vue-clipboard2) в этом они получают текст из входного тега. Как бы я выбрал синтаксис HTML, сгенерированный vue-prism-component одним нажатием кнопки.

1 Ответ

1 голос
/ 25 сентября 2019

Prism имеет некоторую документацию для реализации такой функции

https://prismjs.com/plugins/copy-to-clipboard/

Вот пример кода для копирования кода из vue-prism-component

[Codepen] https://codepen.io/wilbo/pen/xRVLOj

Youнужно добавить эту зависимость буфера обмена https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js

еще один пример кода, который не в vue, а просто чтобы получить идею

[Codepen] https://codepen.io/drhodes/pen/NAOgpG
...