# easy-clipboard

> [clipboard.js](https://github.com/zenorocha/clipboard.js) 是一个非常好用的剪切板插件，但是随着前端框架的演变，用户与网页交互的方式越来越多，不仅限于点击事件了，并且在很多情况下，我们可能不需要它强制性自带的点击事件，所以我打算把 [clipboard.js](https://github.com/zenorocha/clipboard.js) 精简一下，把点击事件删掉，这就是本插件的初衷。

Latest version **1.1.0** (published 2020-02-23) · MIT license · 0 weekly downloads

## Install

```sh
npm install easy-clipboard
pnpm add easy-clipboard
yarn add easy-clipboard
bun add easy-clipboard
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.0 |
| Published | 2020-02-23 |
| First published | 2020-02-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 963.5 KB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| GitHub stars | 6 |
| Author | sishenhei7 |
| Maintainers | candy8ullet |

## Links

- npm: https://www.npmjs.com/package/easy-clipboard
- Repository: https://github.com/sishenhei7/easy-clipboard
- Homepage: https://github.com/sishenhei7/easy-clipboard#readme
- Issues: https://github.com/sishenhei7/easy-clipboard/issues
- npm.io page: https://npm.io/package/easy-clipboard

## Dependencies (8)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [select](https://npm.io/package/select.md) ^1.1.2
- [core-js](https://npm.io/package/core-js.md) ^3.6.4
- [vue-router](https://npm.io/package/vue-router.md) ^3.1.5
- [highlight.js](https://npm.io/package/highlight.js.md) ^9.18.1
- [easy-clipboard](https://npm.io/package/easy-clipboard.md) 1.0.6
- [vue-class-component](https://npm.io/package/vue-class-component.md) ^7.2.2
- [vue-property-decorator](https://npm.io/package/vue-property-decorator.md) ^8.3.0

## Recent versions

- 1.1.0 (latest) — 2020-02-23
- 1.0.7 — 2020-02-22
- 1.0.6 — 2020-02-21
- 1.0.5 — 2020-02-20
- 1.0.4 — 2020-02-20
- 1.0.3 — 2020-02-20
- 1.0.2 — 2020-02-20
- 1.0.1 — 2020-02-18
- 1.0.0 — 2020-02-04

## README

# easy-clipboard
[![Codecov](https://img.shields.io/codecov/c/github/sishenhei7/easy-clipboard/master.svg?style=flat)](https://codecov.io/github/sishenhei7/easy-clipboard?branch=master) [![NPM version](https://img.shields.io/npm/v/easy-clipboard.svg?style=flat)](https://npmjs.com/package/easy-clipboard) [![NPM downloads](https://img.shields.io/npm/dm/easy-clipboard.svg?style=flat)](https://npmjs.com/package/easy-clipboard) [![NPM license](https://img.shields.io/npm/l/easy-clipboard.svg?style=flat)](https://npmjs.com/package/easy-clipboard)

> clipboard.js 的简化版，去掉了点击事件，提升了易用性

[clipboard.js](https://github.com/zenorocha/clipboard.js) 是一个非常好用的剪切板插件，但是随着前端框架的演变，用户与网页交互的方式越来越多，不仅限于点击事件了，并且在很多情况下，我们可能不需要它强制性自带的点击事件，所以我打算把 [clipboard.js](https://github.com/zenorocha/clipboard.js) 精简一下，把点击事件删掉，这就是本插件的初衷。

[demo](https://sishenhei7.github.io/easy-clipboard/)

## Getting Started

### install

To begin with, just install easy-clipboard:

```
npm i easy-clipboard -s
```

Then，you can use it like this:

```
import clipboard from 'easy-clipboard';

// copy some text directly
clipboard.copy('some text');

// copy the whole dom by some node
const node = document.querySelector(selector)
clipboard.copy(node);

// copy whatever dom you return
clipboard.copy(() => document.querySelector('.haha'));
```

## TODO

- [x] 精简clipboard.js
- [x] 用 ts 重写
- [x] 用 rollup 打包
- [x] 添加 demo
- [ ] 用 jest 测试

---
_Source: https://npm.io/package/easy-clipboard · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._