# simple-tag-editor

> This is a simple Js tag editor

Latest version **0.0.6** (published 2021-08-13) · ISC license · 0 weekly downloads

## Install

```sh
npm install simple-tag-editor
pnpm add simple-tag-editor
yarn add simple-tag-editor
bun add simple-tag-editor
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.6 |
| Published | 2021-08-13 |
| First published | 2021-08-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 6.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | shahnshah malik |
| Maintainers | shahnshah |
| Keywords | tag, editor, tag, simple-tag-editor, tag-editor-no-jquery |

## Links

- npm: https://www.npmjs.com/package/simple-tag-editor
- Repository: https://github.com/shahnshahmalik/js-tag-editor
- Homepage: https://github.com/shahnshahmalik/js-tag-editor#readme
- Issues: https://github.com/shahnshahmalik/js-tag-editor/issues
- npm.io page: https://npm.io/package/simple-tag-editor

## Alternatives

- [gamedig](https://npm.io/package/gamedig.md) — 29.3K weekly downloads
- [join-monster](https://npm.io/package/join-monster.md) — 12.8K weekly downloads
- [masked](https://npm.io/package/masked.md) — 5.5K weekly downloads
- [@comunica/actor-query-process-explain-logical](https://npm.io/package/@comunica/actor-query-process-explain-logical.md) — 4.7K weekly downloads
- [@veracity/vui](https://npm.io/package/@veracity/vui.md) — 4.6K weekly downloads

## Recent versions

- 0.0.6 (latest) — 2021-08-13
- 0.0.5 — 2021-08-13
- 0.0.4 — 2021-08-13
- 0.0.3 — 2021-08-13
- 0.0.2 — 2021-08-13
- 0.0.1 — 2021-08-13

## README

# simple-tag-editor



## Import the lib

`import { TagEditor } from "simple-tag-editor";`

## Import the Style

`import "simple-tag-editor/index.css";`


## Add a reference to the input

`const inputEl = document.getElementById('inputEL');`


### Add a custom html for the close btn

`const el = '<i class="fa fa-times"></i>';`


## Initialize

`const tagEdit = new TagEditor('tagEdit', inputEl, el);`

`if(inputEl) {`
`    inputEl.addEventListener('keyup', event => {`
`        if (event.keyCode === 13) {`
`            tagEdit.addTag(inputEl.value);`
`            inputEl.value = '';`
`        }`
`    });`
`}`


### :sunglasses: Thanks and PR's are always welcome!

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