{"id":13424210,"url":"https://github.com/stevermeister/ngx-wig","last_synced_at":"2025-05-15T09:05:11.444Z","repository":{"id":11338380,"uuid":"49275951","full_name":"stevermeister/ngx-wig","owner":"stevermeister","description":"Angular(also Angular 17) WYSIWYG HTML Rich Text Editor (from ngWig - https://github.com/stevermeister/ngWig)","archived":false,"fork":false,"pushed_at":"2025-01-20T12:01:42.000Z","size":5347,"stargazers_count":232,"open_issues_count":2,"forks_count":52,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-07T04:06:45.664Z","etag":null,"topics":["angular","angular10","angular11","angular2","angular7","angular8","angular9","ngwig","text-editor","wysiwyg"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stevermeister.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-01-08T14:18:08.000Z","updated_at":"2025-03-04T20:31:08.000Z","dependencies_parsed_at":"2024-04-16T23:41:52.744Z","dependency_job_id":"09ddeede-f4ea-4e3d-a368-e58bd8e95b0a","html_url":"https://github.com/stevermeister/ngx-wig","commit_stats":{"total_commits":323,"total_committers":22,"mean_commits":"14.681818181818182","dds":"0.49226006191950467","last_synced_commit":"7708326449aa3a6ee26b9780eb9259e2c5e77c94"},"previous_names":["stevermeister/ng2wig"],"tags_count":29,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevermeister%2Fngx-wig","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevermeister%2Fngx-wig/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevermeister%2Fngx-wig/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stevermeister%2Fngx-wig/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stevermeister","download_url":"https://codeload.github.com/stevermeister/ngx-wig/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248890546,"owners_count":21178461,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular10","angular11","angular2","angular7","angular8","angular9","ngwig","text-editor","wysiwyg"],"created_at":"2024-07-31T00:00:50.200Z","updated_at":"2025-04-14T13:46:07.872Z","avatar_url":"https://github.com/stevermeister.png","language":"TypeScript","funding_links":[],"categories":["Инструменты","Uncategorized","基于 Angular","TypeScript","Third Party Components"],"sub_categories":["Uncategorized","Editors"],"readme":"# ngx-wig\n\n[![Build Status](https://travis-ci.org/stevermeister/ngx-wig.svg?branch=master)](https://travis-ci.org/stevermeister/ngx-wig)\n\n![screen shot 2017-12-12 at 14 52 51](https://user-images.githubusercontent.com/1526680/33888069-37bde1f0-df4c-11e7-993e-d48ffe0fffbf.png)\n\n## Dependencies\n\n*it's only Angular! No jQuery or other WYSIWYG monsters*\n\n\n## Angular Support (older than the latest version)\n\n\nFor **Angular 19** `ngx-wig@19`\n\nFor **Angular 18** `ngx-wig@18`\n\nFor **Angular 17** `ngx-wig@17`\n\nFor **Angular 16** `ngx-wig@16`\n\nFor **Angular 15** `ngx-wig@15`\n\nFor **Angular 14** `ngx-wig@14`\n\nFor **Angular 13** `ngx-wig@13` \n\n...\n\n## Icons\n\nIcons are not in the pack!\nYou can use the icons that you like.\nWe recommend to use [Material Design Icons](https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css)\n\nIf you do not want to use a full icons set, you can use these steps:\n\n1. go to [icons set](https://materialdesignicons.com/)\n1. choose the icon that you want, press the right mouse button on it, and then select the \"View SVG\" option\n1. go to [URL-encoder for SVG](https://yoksel.github.io/url-encoder/) and use it to convert your SVG\n\n## Installation\n\nngx-wig could be simply installed via npm:\n\n    npm install ngx-wig\n\n\n## Usage\n\nFirst, import the ngx-wig to your module:\n\n```typescript\nimport {NgxWigModule} from 'ngx-wig';\n\n@NgModule({\n  imports: [ NgxWigModule ]\n});\n```\n\nit's just an attribute directive for textarea:\n\n```html\n\u003clink href=\"https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css\" rel=\"stylesheet\" /\u003e\n...\n\u003cngx-wig [content]=\"text1\"\u003e\u003c/ngx-wig\u003e\n```\n\n## Examples\n\n### Quick start ( [demo](https://stackblitz.com/edit/stackblitz-starters-61ajke?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [content]=\"text1\"\u003e\u003c/ngx-wig\u003e\n```\n\n### Placeholder ( [demo](https://stackblitz.com/edit/stackblitz-starters-5lq68z?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [content]=\"text1\" [placeholder]=\"'Enter instructions here.'\"\u003e\u003c/ngx-wig\u003e\n```\n\n### ngModel sync ( [demo](https://stackblitz.com/edit/stackblitz-starters-go26xc?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [(ngModel)]=\"text1\"\u003e\u003c/ngx-wig\u003e\n\u003cngx-wig [(ngModel)]=\"text1\"\u003e\u003c/ngx-wig\u003e\n```\n\n### Set buttons ( [demo](https://stackblitz.com/edit/stackblitz-starters-qohotg?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [content]=\"text1\" [buttons]=\"'bold, italic'\"\u003e\u003c/ngx-wig\u003e\n```\n\n### onContentChange Hook ( [demo](https://stackblitz.com/edit/stackblitz-starters-cl6k3s?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [content]=\"text1\" (contentChange)=\"result = $event\"\u003e\u003c/ngx-wig\u003e\n\u003cdiv [innerHTML]=\"result\"\u003e\u003c/div\u003e\n```\n\n### Reactive FormControl ( [demo](https://stackblitz.com/edit/stackblitz-starters-hgna7m?file=src%2Fmain.ts) )\n\n```html\n\u003cngx-wig [formControl]=\"text1\"\u003e\u003c/ngx-wig\u003e\n```\n\n\n### Adding own buttons\n\nPlease check an example here\nhttps://stackblitz.com/edit/ngx-wig-sample-plugins?file=src/app.ts\n\n\n### Filtering/removing extra styles on paste ( [demo](https://stackblitz.com/edit/stackblitz-starters-ysmo2d?file=src%2Fmain.ts) )\n\n```typescript\nproviders: [{ provide: NgxWigFilterService, useClass: NgxWigFilterStylesService}]\n```\n\n\n\n## Development\n\nTo generate all `*.js`, `*.d.ts` and `*.metadata.json` files:\n\n```bash\n$ npm run build\n```\n\nTo lint all `*.ts` files:\n\n```bash\n$ npm run lint\n```\n\nTo run all tests:\n\n```bash\n$ npm run test\n```\n\n## License\n\nMIT © [Stepan Suvorov](https://github.com/stevermeister)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevermeister%2Fngx-wig","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstevermeister%2Fngx-wig","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstevermeister%2Fngx-wig/lists"}