{"id":41525002,"url":"https://github.com/dspenard/angular-tiny-editor","last_synced_at":"2026-01-23T21:33:01.607Z","repository":{"id":140973960,"uuid":"131342678","full_name":"dspenard/angular-tiny-editor","owner":"dspenard","description":"Angular 4 Typescript WYSIWYG editor component using tinymce.js, with customization for adding menus and autocompletion","archived":false,"fork":false,"pushed_at":"2023-11-16T14:51:45.000Z","size":1009,"stargazers_count":1,"open_issues_count":8,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-04-14T13:12:51.555Z","etag":null,"topics":["angular","angular4","angular5","tinymce","tinymce-plugin","typescript","wysiwyg"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dspenard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-04-27T20:37:35.000Z","updated_at":"2022-10-06T17:02:40.000Z","dependencies_parsed_at":"2023-06-29T06:01:08.760Z","dependency_job_id":null,"html_url":"https://github.com/dspenard/angular-tiny-editor","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dspenard/angular-tiny-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dspenard%2Fangular-tiny-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dspenard%2Fangular-tiny-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dspenard%2Fangular-tiny-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dspenard%2Fangular-tiny-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dspenard","download_url":"https://codeload.github.com/dspenard/angular-tiny-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dspenard%2Fangular-tiny-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28700527,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-23T17:25:48.045Z","status":"ssl_error","status_checked_at":"2026-01-23T17:25:47.153Z","response_time":59,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","angular4","angular5","tinymce","tinymce-plugin","typescript","wysiwyg"],"created_at":"2026-01-23T21:33:01.041Z","updated_at":"2026-01-23T21:33:01.599Z","avatar_url":"https://github.com/dspenard.png","language":"JavaScript","readme":"# angular-tiny-editor\nAngular 4 component using tinymce.js, with customization for adding menus and autocompletion\n\n## Background\nI created this component because I was using the tinymce-editor component (now called angular-tinymce, https://www.npmjs.com/package/angular-tinymce) but it was consistently failing miserably in Safari, and in Chrome and Firefox I was seeing sporadic errors.\n\nThere is now an official TinyMCE angular component (https://www.npmjs.com/package/@tinymce/tinymce-angular) but after using it I decided to create my own to offer additional capabilities needed at the time.\n\nThe functionality I added to this custom angular-tiny-editor component includes the ability to add additional dropdown menus to the menu bar and the ability to use an external plugin for autocompletion, which pulls its data from the additional dropdown menu.  There is so much more I can add to this, but I only provided what was needed for a project at the time.\n\nThanks to https://stevendevooght.github.io/tinyMCE-mention/javascripts/tinymce/plugins/mention/plugin.js for the handy tinymce mention plugin.\n\n## Installation and Dependencies\n\nClone the repository, which contains a sample Angular application demonstrating the angular-tiny-editor component.  To run the application:\n\n    npm install\n    to install all modules, and then run\n\n    npm start\n    to run the application at http://localhost:4200\n\nThis project was built with the Angular CLI, and besides the usual list of modules installed, I also installed\n\n    bootstrap ver 3.3.7\n    jquery ver 3.3.1\n    tinymce ver 4.7.11\n\nand all of these dependencies will be installed for you when you run npm install.\n\nTo use the angular-tiny-editor component in your own Angular application, do the following:\n\n    1) Copy the tiny-editor component folder to your desired location.\n    \n    2) Modify your app.module.ts (or whatever module you choose) accordingly to import TinyEditorComponent and declare it.\n    \n    3) Use npm to install the specific versions of the 3 dependencies noted above.  I haven't tried any other versions, so there are no promises older or newer versions will work.\n\n## Screenshots of the tiny editor component with additional features added\n![capture](https://user-images.githubusercontent.com/2858742/39389628-55b5deac-4a58-11e8-91b2-98f196726c74.JPG)\n![capture1](https://user-images.githubusercontent.com/2858742/39389629-584120fa-4a58-11e8-8051-38c795b20679.JPG)\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdspenard%2Fangular-tiny-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdspenard%2Fangular-tiny-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdspenard%2Fangular-tiny-editor/lists"}