{"_id":"@aviraliitk/editor","_rev":"1-1fa2510db81b5e92958899d56d7ab60b","name":"@aviraliitk/editor","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@aviraliitk/editor","version":"1.0.0","author":{"name":"Aviral Verma","email":"aviralverma.verma@gmail.com"},"repository":{"type":"git","url":"git+https://github.com/aviral-verma/angular-editor.git"},"license":"MIT","private":false,"peerDependencies":{"@angular/common":">6.0.0","@angular/core":">6.0.0","@angular/forms":">6.0.0","@angular/platform-browser":">6.0.0","rxjs":"^6.x.x"},"keywords":["angular","editor","native","wysiwyg","angular-editor","angular-wysiwyg-editor","wysiwyg-editor"],"dependencies":{"@angular/common":"^6.1.10","@angular/core":"^6.1.10","@angular/forms":"^6.1.10","@angular/platform-browser":"^6.1.10","font-awesome":"^4.7.0","rxjs":"^6.4.0"},"gitHead":"d750bde73a93cebc016b0a78537375cd9f31c791","description":"A simple native wysiwyg editor for Angular 6+, 7+","bugs":{"url":"https://github.com/aviral-verma/angular-editor/issues"},"homepage":"https://github.com/aviral-verma/angular-editor#readme","_id":"@aviraliitk/editor@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"aviraliitk","email":"aviralverma.verma@gmail.com"},"dist":{"integrity":"sha512-/gyxOFA/Xxz9vr6u3D1oOLdH3LClc7YNXNCuugUTNfQiW8eybbrqCLM0CPO3l9WK2g5xZn3oe6vIreP1iOs9DA==","shasum":"4449d1cd1c7bd064b0d7f2a6f6915c8c4f6ebdcc","tarball":"https://registry.npmjs.org/@aviraliitk/editor/-/editor-1.0.0.tgz","fileCount":23,"unpackedSize":45981,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcuJJOCRA9TVsSAnZWagAASkQP/RviAoQlc01IO8XBDFAz\nd7VMEqp9C0QvqYEjjz8/zxu0zZ5Cxovv70kB5U7xlTzhlY6aMhsyAZ9RF2Q/\ne+IhS91ErZ5gOyvfSNlpD4f7gL/tE7YQhU8xWTKFGBngA1JTN2buSlafqXQq\n6Jeg8XZPPwXc1y7I+FT/rhcXsO5yZhk2iBcW++5rJbcTqX3yijtr0FRNr59L\nADMzLBMBWQMu1AKF8B52fKk0gSxapicL9jsumfLzAd/3AUACDfkyMQ5zVnyq\nTglraaSi+bL06DH2QXni+XtZTZhqVvKSkfJ49KlLxRa5WwbmS0tx41OtM8pN\nnmDOkkt80ao/XmmRp6ivLKV8DxtNMAo0ktgY89C3XGFgmgFtlTzmuBDllA4z\nH3vHH7bPMkHDvvDgSKQwz6OT6mL1znrKWu2J77awsOYEYbp/fGKK7/gtPL0x\nHWVYd12TM3U/reDXiS5p0hWdBNjXIqfW0f7EbZfNvH0TwsbJWffk9RfXnmYs\n3zCVOJa8rtU8T9bKfM4NN8EzaSiZoFwePOUMVhhDYleMdMyHO8ovNmaZXdiZ\n8KqsG9xSgu7K+fUxcD+5cr9UwyGpg4alcM5vOfXBCFr9LTgXtbYrPxhInAzs\nNdq5OiKLNIuha5H9wjbh+bOl91Mk/yza/8Bdw3l5t00FJFJZqMdZazAOVJAu\ngdtG\r\n=CQsj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtgVrB7lUXUDUwGPVf6lhl6ke4Jnk6EUDVeaABbrtgfAIga+b7RodORNwmxteM5J1Szao2Na1bES0/UFH9h9uk5Dw="}]},"maintainers":[{"name":"aviraliitk","email":"aviralverma.verma@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/editor_1.0.0_1555599949441_0.7206802955421774"},"_hasShrinkwrap":false}},"time":{"created":"2019-04-18T15:05:49.245Z","1.0.0":"2019-04-18T15:05:49.694Z","modified":"2022-04-04T16:47:40.048Z"},"maintainers":[{"name":"aviraliitk","email":"aviralverma.verma@gmail.com"}],"description":"A simple native wysiwyg editor for Angular 6+, 7+","homepage":"https://github.com/aviral-verma/angular-editor#readme","keywords":["angular","editor","native","wysiwyg","angular-editor","angular-wysiwyg-editor","wysiwyg-editor"],"repository":{"type":"git","url":"git+https://github.com/aviral-verma/angular-editor.git"},"author":{"name":"Aviral Verma","email":"aviralverma.verma@gmail.com"},"bugs":{"url":"https://github.com/aviral-verma/angular-editor/issues"},"license":"MIT","readme":"# AngularEditor\nA simple native wysiwyg editor for Angular 6+, 7+\n\n## Demo\nDemo is here [demo][demo]\n\nWorking code for this demo at stackblitz [example](https://stackblitz.com/edit/angular-editor-wysiwyg)\n\n## Getting Started\n\n### Installation\n\nInstall via [npm][npm] package manager\n\n```bash\nnpm install @kolkov/angular-editor --save\n```\n\n### Usage\n\nImport `angular-editor` module\n\n```typescript\nimport { HttpClientModule} from '@angular/common/http';\nimport { AngularEditorModule } from '@kolkov/angular-editor';\n\n@NgModule({\n  imports: [ HttpClientModule, AngularEditorModule ]\n})\n```\n\nThen in HTML\n\n```html\n<angular-editor [placeholder]=\"'Enter text here...'\" [(ngModel)]=\"htmlContent\"></angular-editor>\n```\n\nor for usage with reactive forms\n\n```html\n<angular-editor formControlName=\"htmlContent\" [config]=\"editorConfig\"></angular-editor>\n```\n\nif you using more than one editor on same page set `id` property\n\n```html\n<angular-editor id=\"editor1\" formControlName=\"htmlContent1\" [config]=\"editorConfig\"></angular-editor>\n<angular-editor id=\"editor2\" formControlName=\"htmlContent2\" [config]=\"editorConfig\"></angular-editor>\n\n```\n\nwhere\n\n```typescript\nimport { AngularEditorConfig } from '@kolkov/angular-editor';\n\n...\n\neditorConfig: AngularEditorConfig = {\n    editable: true,\n    spellcheck: true,\n    height: '25rem',\n    minHeight: '5rem',\n    placeholder: 'Enter text here...',\n    translate: 'no',\n    uploadUrl: 'v1/images', // if needed\n    customClasses: [ // optional\n      {\n        name: \"quote\",\n        class: \"quote\",\n      },\n      {\n        name: 'redText',\n        class: 'redText'\n      },\n      {\n        name: \"titleText\",\n        class: \"titleText\",\n        tag: \"h1\",\n      },\n    ]\n  };\n```\n\nFor `ngModel` to work, you must import `FormsModule` from `@angular/forms`, or for `formControlName`, you must import `ReactiveFormsModule` from `@angular/forms`\n\n[npm]: https://www.npmjs.com/\n[demo]: https://angular-editor-wysiwyg.stackblitz.io/\n[example]: https://stackblitz.com/edit/angular-editor-wysiwyg\n","readmeFilename":"README.md"}