{"id":16407064,"url":"https://github.com/cipchk/ngx-tinymce","last_synced_at":"2025-04-09T16:14:29.000Z","repository":{"id":27643157,"uuid":"114759235","full_name":"cipchk/ngx-tinymce","owner":"cipchk","description":"Angular for tinymce","archived":false,"fork":false,"pushed_at":"2024-11-23T15:46:08.000Z","size":4920,"stargazers_count":81,"open_issues_count":3,"forks_count":15,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-04-09T16:14:05.532Z","etag":null,"topics":["angular","angular-components","ng-tinymce","tinymce","tinymce-editor","tinymce-wysiwyg-editor"],"latest_commit_sha":null,"homepage":"https://cipchk.github.io/ngx-tinymce/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cipchk.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":"2017-12-19T11:50:43.000Z","updated_at":"2025-02-21T04:34:40.000Z","dependencies_parsed_at":"2024-06-15T12:51:32.827Z","dependency_job_id":null,"html_url":"https://github.com/cipchk/ngx-tinymce","commit_stats":{"total_commits":36,"total_committers":4,"mean_commits":9.0,"dds":0.08333333333333337,"last_synced_commit":"704591b1b03e35b59817c78579033ce5c0934efe"},"previous_names":[],"tags_count":11,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cipchk%2Fngx-tinymce","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cipchk%2Fngx-tinymce/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cipchk%2Fngx-tinymce/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cipchk%2Fngx-tinymce/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cipchk","download_url":"https://codeload.github.com/cipchk/ngx-tinymce/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248065282,"owners_count":21041872,"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","angular-components","ng-tinymce","tinymce","tinymce-editor","tinymce-wysiwyg-editor"],"created_at":"2024-10-11T06:11:59.597Z","updated_at":"2025-04-09T16:14:28.971Z","avatar_url":"https://github.com/cipchk.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Editors"],"readme":"# ngx-tinymce\n\n[![NPM version](https://img.shields.io/npm/v/ngx-tinymce.svg)](https://www.npmjs.com/package/ngx-tinymce)\n[![Ci](https://github.com/cipchk/ngx-tinymce/workflows/Ci/badge.svg)](https://github.com/cipchk/ngx-tinymce/actions)\n\n[Tinymce](https://www.tinymce.com/) Components build with [Angular](https://angular.io/).\n\n## DEMO\n\n- [Github](https://cipchk.github.io/ngx-tinymce/)\n- [Stackblitz](https://stackblitz.com/edit/ngx-tinymce)\n\n## Installation instructions\n\nInstall `ngx-tinymce` from `npm`\n\n```bash\nnpm install ngx-tinymce --save\n```\n\n**Recommend:** You will need `tinymce.min.js` file via [Build Customizer](https://www.tiny.cloud/get-tiny/custom-builds/) generate.\n\nImport the `ngx-tinymce` in to your root `AppModule`.\n\n```typescript\nimport { NgxTinymceModule } from 'ngx-tinymce';\n\n@NgModule({\n  imports: [\n    NgxTinymceModule.forRoot({\n      // Local assets\n      baseURL: './assets/tinymce/',\n      // or cdn\n      baseURL: '//cdnjs.cloudflare.com/ajax/libs/tinymce/5.7.1/',\n    }),\n  ],\n})\nexport class AppModule {}\n```\n\nIf the local path should be adding assets configuration in `angular.json`:\n\n```json\n\"assets\": [\n  {\n    \"glob\": \"**/tinymce.min.js\",\n    \"input\": \"./node_modules/tinymce\",\n    \"output\": \"assets/tinymce/\"\n  }\n]\n```\n\n### Standalone\n\n```ts\n@Component({\n  template: `\u003ctinymce /\u003e`,\n  imports: [TinymceComponent],\n})\nexport class App\n```\n\nGloba config:\n\n```ts\nbootstrapApplication(AppComponent, {\n  providers: [provideTinymce({ baseURL: '//cdn.tiny.cloud/1/no-api-key/tinymce/6/' })],\n});\n```\n\n### Usage\n\n```ts\nimport { Component } from '@angular/core';\n\n@Component({\n  selector: 'my-app',\n  template: `\u003ctinymce [(ngModel)]=\"html\"\u003e\u003c/tinymce\u003e`,\n})\nexport class AppComponent {\n  html = ``;\n}\n```\n\n### How to use it with:\n\n- `angular-cli` please refer to **Installation instructions**.\n- `stackblitz` sample available [here](https://stackblitz.com/edit/ngx-tinymce?file=app%2Fapp.component.ts).\n\n## API\n\n| Name        | Type                 | Default | Summary                                                                                                             |\n| ----------- | -------------------- | ------- | ------------------------------------------------------------------------------------------------------------------- |\n| config      | `any`                |         | see [configure](https://www.tinymce.com/docs/configure/integration-and-setup/)                                      |\n| loading     | `string,TemplateRef` | -       | Loading status of tinymce                                                                                           |\n| disabled    | `boolean`            | `false` | Set tinymce mode is `readonly` if `true`                                                                            |\n| inline      | `boolean`            | `false` | Inline editor                                                                                                       |\n| delay       | `number`             | 0       | Delayed rendering, unit is 'millisecond'                                                                            |\n| placeholder | `string`             | -       | Placeholder for tinymce, **NOTE:** dependent on [tinymce-placeholder](https://github.com/mohan/tinymce-placeholder) |\n| ready       | `EventEmitter\u003cany\u003e`  | -       | Tinymce ready callback                                                                                              |\n\n## Troubleshooting\n\nPlease follow this guidelines when reporting bugs and feature requests:\n\n1. Use [GitHub Issues](https://github.com/cipchk/ngx-tinymce/issues) board to report bugs and feature requests (not our email address)\n2. Please **always** write steps to reproduce the error. That way we can focus on fixing the bug, not scratching our heads trying to reproduce it.\n\nThanks for understanding!\n\n### License\n\nThe MIT License (see the [LICENSE](https://github.com/cipchk/ngx-tinymce/blob/master/LICENSE) file for the full text)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcipchk%2Fngx-tinymce","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcipchk%2Fngx-tinymce","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcipchk%2Fngx-tinymce/lists"}