{"id":17838667,"url":"https://github.com/zhangzhonghe/angular-editor","last_synced_at":"2026-05-08T13:38:01.277Z","repository":{"id":38458861,"uuid":"263825323","full_name":"zhangzhonghe/angular-editor","owner":"zhangzhonghe","description":"The angular version of  Markdown WYSIWYG Editor. GFM Standard + Chart \u0026 UML Extensible. ","archived":false,"fork":false,"pushed_at":"2023-05-24T01:13:58.000Z","size":800,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-23T16:40:20.410Z","etag":null,"topics":["angular","component","editor","frontend","markdown","tui-editor","wysiwyg"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/zhangzhonghe.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":"2020-05-14T05:39:50.000Z","updated_at":"2023-03-07T06:33:44.000Z","dependencies_parsed_at":"2024-10-24T11:57:59.339Z","dependency_job_id":"e823f0dd-d03b-435a-9d90-3243eb5036c2","html_url":"https://github.com/zhangzhonghe/angular-editor","commit_stats":{"total_commits":41,"total_committers":2,"mean_commits":20.5,"dds":0.2195121951219512,"last_synced_commit":"20330541997452c4923dfd49993abdff0394dd6b"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangzhonghe%2Fangular-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangzhonghe%2Fangular-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangzhonghe%2Fangular-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zhangzhonghe%2Fangular-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zhangzhonghe","download_url":"https://codeload.github.com/zhangzhonghe/angular-editor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246828498,"owners_count":20840474,"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","component","editor","frontend","markdown","tui-editor","wysiwyg"],"created_at":"2024-10-27T21:00:01.712Z","updated_at":"2026-05-08T13:37:56.246Z","avatar_url":"https://github.com/zhangzhonghe.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# angular-editor-component v1.0.1\n\n该库是用 [Angular CLI](https://github.com/angular/angular-cli) 9.1.7 生成的。依赖于[tui.editor](https://github.com/nhn/tui.editor)。\n\n## 安装\n\n运行 `npm i --save angular-editor-component` 安装.\n\n## 使用方法\n\n``` TypeScript\n...\nimport { EditorModule } from 'angular-editor-component';\n\n@NgModule({\n    ...\n    imports: [\n        EditorModule    // 引入模块\n    ]\n})\nexport class AppModule { }\n```\n\n在html文件中使用\n\n``` html\n\u003cng-editor\u003e\u003c/ng-editor\u003e\n```\n\n## 属性\n\n| 属性 | 类型 | 说明 |\n| --- | --- | --- |\n| height | string | 设置编辑器整体的高度 |\n| minHeight | string | 设置编辑器的最小高度 |\n| previewStyle | 'tab' \\| 'vertical' | 预览的样式 |\n| language | string | i18n, 设置编辑器的语言，默认中文 |\n| initialValue | string | 编辑器的初始内容 |\n| initialEditType | stirng | 初始编辑的类型 |\n| placeholder | string | 编辑器占位符 |\n| toolbarItems | string[] | 一个数组，设置需要显示的工具条中按钮的数量 |\n\n## 事件\n\n| 事件名 | 何时触发 |\n| --- | ---- |\n| onload | 当编辑器实例创建完成时触发，并返回编辑器实例 |\n| onchange | 当内容发生变化时触发 |\n| stateChange | 状态改变时触发 |\n| onfocus | 编辑器聚焦时触发 |\n| onblur | 编辑器失焦时触发 |\n| addImageBlobHook | 添加图片时触发 |\n| previewBeforeHook | 预览时触发 |\n\n\u003e 全面的API请访问[这里](https://nhn.github.io/tui.editor/latest/DefaultUI#createPopup)。如有更复杂的需求，推荐直接使用[tui-editor](https://github.com/nhn/tui.editor)。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhangzhonghe%2Fangular-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzhangzhonghe%2Fangular-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzhangzhonghe%2Fangular-editor/lists"}