{"_rev":"3-9db4037689226c5405afa4407859f47d","time":{"created":"2022-10-27T09:35:21.099Z","1.3.4":"2022-10-27T08:51:08.688Z","modified":"2022-10-27T09:35:21.468Z","12.2.16":"2022-10-27T09:35:21.334Z"},"_id":"@alamote/ng2-ckeditor","name":"@alamote/ng2-ckeditor","dist-tags":{"latest":"12.2.16"},"versions":{"12.2.16":{"name":"@alamote/ng2-ckeditor","version":"12.2.16","description":"Angular CKEditor component","main":"bundles/alamote-ng2-ckeditor.umd.js","typings":"alamote-ng2-ckeditor.d.ts","keywords":["angular","angular2","component","ckeditor","wysiwyg"],"author":{"name":"Simon Babay"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/chymz/ng2-ckeditor.git"},"bugs":{"url":"https://github.com/chymz/ng2-ckeditor/issues"},"homepage":"https://github.com/chymz/ng2-ckeditor#readme","peerDependencies":{"@angular/common":"~12.2.16","@angular/core":"~12.2.16","@angular/forms":"~12.2.16","@types/ckeditor":"^4.9.10"},"module":"fesm2015/alamote-ng2-ckeditor.js","es2015":"fesm2015/alamote-ng2-ckeditor.js","esm2015":"esm2015/alamote-ng2-ckeditor.js","fesm2015":"fesm2015/alamote-ng2-ckeditor.js","metadata":"alamote-ng2-ckeditor.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.2.0"},"gitHead":"adf4999fa8d9199de007292ed5d8d12cb4d70b6f","_id":"@alamote/ng2-ckeditor@12.2.16","_nodeVersion":"14.17.3","_npmVersion":"8.18.0","dist":{"integrity":"sha512-ScmVExh5HqdkvxX4bfUFGl+crKu64/bFxGVmZoANmt3UsxOFRVL2EuBpwWvvIxalWotuLc+LQmr6OXt5a0w3JA==","shasum":"80bdf672d3d7669aad7289881914a619a1ebea5d","tarball":"https://registry.npmjs.org/@alamote/ng2-ckeditor/-/ng2-ckeditor-12.2.16.tgz","fileCount":20,"unpackedSize":113406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDuhS2HyvAryZyerv/jbJDFZNE+KdLVkT8x6edQdcX28wIgLjcfJHQsv+4vaAESDYB3Ysr3RsJDXFSTVhDcpc+tFT4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjWlDZACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqYdQ//W+UpaSblAW6uPlz+vieV9syDk2mTAAGiYDW6bMu3x/HA5vgV\r\nUTGmLVHz9jcwkJu2hdmKzzCpqf09wbS6Olbxfm3JI0OuMQ0wy9F6XZpB1mm9\r\no8ZA7TGbAuqHHFlwqalNCIN4do+U1MTpsP5PRWVb1PQdeOVlnep63mtosLzZ\r\nYqSddfQ0Eu6jaL8332Wo3Zh5x7F4ACQx1cPmopmHZG0km4pDXpokNn/Bn89m\r\nYu86wjxA0QxpcmG9wCsHNx8IkL8gzSEeDxDXjrHVHywh6ERX+W5UUwyxljlW\r\nYcoqXLQS9Rlcm5sF9w2rto3yxx9YXIxYRuj9EagZVuqMKlS2TdQNAfgz6Org\r\n4ud2KbulRPV658xuh2ZgAAwc75e/xetxKiB+Dyw8X5hyBhIfmUod+TAzS80v\r\n0MYDVuZLDGuBSCBPiIL9n+Bkq3puMmmos3UXQN8GYPVUSQE/P89jnFZQigLJ\r\nGGtP7ULZcwDJQB9lnXtn5qEWa1B19ZmOxvxGppJ83CXWObGKRG8eoB56saUm\r\nNqt4oHVphXW9ctwWQG9wKVRzqHyCoVZg7t8OpiKH4RiALJcF0hMR0a9GAriB\r\nkrta4r+qagJ4xKAi+9v0isdgKnTD1dbNE6cyl0NR8EgDdMSgcA1WhETrUgZw\r\nyaRwVRW8kybJvkId0msUsPFyjvDg0fn+y5k=\r\n=mjHt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"alamote","email":"sergunie@gmail.com"},"directories":{},"maintainers":[{"name":"alamote","email":"sergunie@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ng2-ckeditor_12.2.16_1666863321162_0.8316761627360554"},"_hasShrinkwrap":false}},"maintainers":[{"name":"alamote","email":"sergunie@gmail.com"}],"description":"Angular CKEditor component","homepage":"https://github.com/chymz/ng2-ckeditor#readme","keywords":["angular","angular2","component","ckeditor","wysiwyg"],"repository":{"type":"git","url":"git+https://github.com/chymz/ng2-ckeditor.git"},"author":{"name":"Simon Babay"},"bugs":{"url":"https://github.com/chymz/ng2-ckeditor/issues"},"license":"MIT","readme":"# Angular - CKEditor component\n\nUse the [CKEditor (4.x)](http://ckeditor.com/) wysiwyg in your Angular application.\n\n[**Demo**](https://stackblitz.com/edit/ng2-ckeditor)\n\n### <a name=\"install\"></a>Installation\n\n* Include CKEditor javascript files in your application :\n\n```\n<script src=\"https://cdn.ckeditor.com/4.16.1/full-all/ckeditor.js\"></script>\n```\n\n* Install ng2-ckeditor\n\n  * JSPM : `jspm install npm:ng2-ckeditor`\n  * NPM : `npm install ng2-ckeditor`\n  * YARN: `yarn add ng2-ckeditor`\n\n* Install @types/ckeditor\n\n  * JSPM : `jspm install npm:@types/ckeditor`\n  * NPM : `npm install --save @types/ckeditor`\n  * YARN : `yarn add @types/ckeditor`\n\n* SystemJS Config :\n\n```javascript\nSystem.config({\n  map: {\n    'ng2-ckeditor': 'npm:ng2-ckeditor',\n  },\n  packages: {\n    'ng2-ckeditor': {\n      main: 'lib/index.js',\n      defaultExtension: 'js',\n    },\n  },\n});\n```\n\n* Please consider usage of the plugin `divarea` of CKEditor (see [Issues](#issues))\n\n### <a name=\"sample\"></a>Sample\n\nInclude `CKEditorModule` in your main module :\n\n```javascript\nimport { CKEditorModule } from 'ng2-ckeditor';\nimport { FormsModule } from '@angular/forms';\n\n@NgModule({\n  // ...\n  imports: [CKEditorModule, FormsModule],\n  // ...\n})\nexport class AppModule {}\n```\n\nThen use it in your component :\n\n```javascript\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'sample',\n  template: `\n  <ckeditor\n    [(ngModel)]=\"ckeditorContent\"\n    [config]=\"{uiColor: '#99000'}\"\n    [readonly]=\"false\"\n    (change)=\"onChange($event)\"\n    (editorChange)=\"onEditorChange($event)\" <!-- CKEditor change event -->\n    (ready)=\"onReady($event)\"\n    (focus)=\"onFocus($event)\"\n    (blur)=\"onBlur($event)\"\n    (contentDom)=\"onContentDom($event)\"\n    (fileUploadRequest)=\"onFileUploadRequest($event)\"\n    (fileUploadResponse)=\"onFileUploadResponse($event)\"\n    (paste)=\"onPaste($event)\"\n    (drop)=\"onDrop($event)\"\n    debounce=\"500\">\n  </ckeditor>\n  `,\n})\nexport class Sample {\n  ckeditorContent: string = '<p>Some html</p>';\n}\n```\n\n### <a name=\"config\"></a>Configuration\n\n* `config` : The configuration object for CKEditor see http://docs.ckeditor.com/#!/api/CKEDITOR.config\n* `debounce` : You can add a delay (ms) when updating ngModel\n* `readonly` : Enabled / disable readonly on editor\n\n### <a name=\"toolbar\"></a>Toolbar Directives\n\nYou can use the following directives to add custom buttons to CKEditor's toolbar and organize them into groups.\nFor more info about CKEditor's Toolbar API refer to http://docs.ckeditor.com/#!/api/CKEDITOR.ui\n\n* `<ckbutton>` : Note that the `name` and `command` attributes are mandatory for this one.\n\n```javascript\n<ckeditor\n  [(ngModel)]=\"ckeditorContent\">\n    <ckbutton [name]=\"'saveButton'\"\n      [command]=\"'saveCmd'\"\n      (click)=\"save($event)\"\n      [icon]=\"'save.png'\"\n      [label]=\"'Save Document'\"\n      [toolbar]=\"'clipboard,1'\">\n    </ckbutton>\n</ckeditor>\n```\n\n* `<ckgroup>` : Can be used to organize multiple buttons into groups.\n\n```javascript\n<ckeditor\n  [(ngModel)]=\"ckeditorContent\">\n    <ckgroup\n      [name]=\"'documenthandling'\"\n      [previous]=\"'1'\">\n        <ckbutton .... ></ckbutton>\n        <ckbutton .... ></ckbutton>\n    </ckgroup>\n</ckeditor>\n```\n\n### <a name=\"issues\"></a>Issues\n\n* [with ngFor](https://github.com/chymz/ng2-ckeditor/issues/23)\n* [[CKEDITOR] Error code: editor-destroy-iframe](https://github.com/chymz/ng2-ckeditor/issues/24)\n\n### <a name=\"licence\"></a>Licence\n\nSee `LICENSE` file\n","readmeFilename":"README.md"}