NGX COPYPASTE is the best directive to copy any content on any element
[](https://github.com/JsDaddy/ngx-copypaste/actions/workflows/main.yml) [](https://www.npmjs.com/package/ngx-copypaste) [](https://npmjs.org/ngx-copypaste) [](https://www.npmjs.com/package/ngx-copypaste) [](https://github.com/JSDaddy/ngx-copypaste) [](https://github.com/JSDaddy/ngx-copypaste) You can also try our NGX MASK [check](https://www.npmjs.com/package/ngx-mask) it. You can also try our NGX LOADER INDICATOR [check](https://www.npmjs.com/package/ngx-loader-indicator) it. ### You can try live [demo](https://jsdaddy.github.io/ngx-copypaste/) with examples. ## Installing ## npm ```bash $ npm install --save ngx-copypaste ``` ## bun ```bash $ bun install --save ngx-copypaste ``` ## Quickstart if ngx-copypaste version >= 15.0.0 Pay attention this version works for angular >= 14.0.0 Import **ngx-copypaste** directive to your standalone component ```typescript @Component({ selector: 'ngx-component', templateUrl: './app.component.html', styleUrls: ['./app.component.scss'], standalone: true, imports: [ (...) NgxCopyPasteDirective, (...) ], }) export class AppComponent { (...) } ``` ## Quickstart if ngx-copypaste version < 15.0.0 Pay attention this version works for angular < 15.0.0 Import **ngx-copypaste** module in Angular app. ```typescript import {NgxCopyPasteModule} from 'ngx-copypaste' (...) @NgModule({ (...) imports: [ NgxCopyPasteModule ] (...) }) ``` #### Usage From input ```html ``` From any HTML tag ```htmlLorem ipsum
``` From complex div ```htmlLorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam rutrum augue at ante sollicitudin posuere. Pellentesque congue consequat enim quis luctus.
Lorem ipsum
Copy
``` Output success cb ```htmlLorem ipsum
Copy
public copy(): void { your code } ```