我正在使用 vue-prism-component ( https://www.npmjs.com/package/vue-prism-component ) 显示 Html 语法。现在我想添加一个应该复制代码的按钮。到目前为止，我在其中找到了一个库 vue-clipboard2 ( https://www.npmjs.com/package/vue-clipboard2 )，他们正在从输入标签中获取文本。单击按钮，我将如何选择 vue-prism-component 生成的 Html 的语法。
问问题
2603 次
1 回答
3
Prism 有一些实现此类功能的文档
https://prismjs.com/plugins/copy-to-clipboard/
这是从 vue-prism-component 复制代码的示例代码
[Codepen] https://codepen.io/wilbo/pen/xRVLOj
你需要添加剪贴板的这个依赖 https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.12/clipboard.min.js
另一个不在 vue 中但只是为了获得想法的 codepen 示例
[Codepen] https://codepen.io/drhodes/pen/NAOgpG
于 2019-09-25T10:21:34.450 回答