{"id":25157536,"url":"https://github.com/raiper34/ngx-simple-text-editor","last_synced_at":"2025-04-30T09:50:50.717Z","repository":{"id":45458501,"uuid":"504695764","full_name":"Raiper34/ngx-simple-text-editor","owner":"Raiper34","description":"Ngx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.","archived":false,"fork":false,"pushed_at":"2025-01-18T18:10:30.000Z","size":6300,"stargazers_count":9,"open_issues_count":3,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-06T07:42:52.521Z","etag":null,"topics":["angular","angular15","editor","text","text-editor","wysiwyg","wysiwyg-editor"],"latest_commit_sha":null,"homepage":"https://ngx-simple-text-editor.netlify.app","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/Raiper34.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-06-17T23:15:22.000Z","updated_at":"2025-01-18T18:10:32.000Z","dependencies_parsed_at":"2023-02-08T19:15:38.575Z","dependency_job_id":"1b2d15d3-c0da-40c4-bf4c-3ebdb91b1cfc","html_url":"https://github.com/Raiper34/ngx-simple-text-editor","commit_stats":{"total_commits":62,"total_committers":1,"mean_commits":62.0,"dds":0.0,"last_synced_commit":"5abc6d239306986e826f58c5180b68c5e3a72aff"},"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Raiper34%2Fngx-simple-text-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Raiper34%2Fngx-simple-text-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Raiper34%2Fngx-simple-text-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Raiper34%2Fngx-simple-text-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Raiper34","download_url":"https://codeload.github.com/Raiper34/ngx-simple-text-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":237891608,"owners_count":19382731,"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","angular15","editor","text","text-editor","wysiwyg","wysiwyg-editor"],"created_at":"2025-02-09T01:23:59.801Z","updated_at":"2025-04-30T09:50:50.704Z","avatar_url":"https://github.com/Raiper34.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![npm version](https://badge.fury.io/js/ngx-simple-text-editor.svg)](https://badge.fury.io/js/ngx-simple-text-editor)\n[![docs](https://badgen.net/badge/docs/online/orange)](https://ngx-simple-text-editor.netlify.app)\n![npm bundle size](https://img.shields.io/bundlephobia/min/ngx-simple-text-editor)\n![NPM](https://img.shields.io/npm/l/ngx-simple-text-editor)\n[![CircleCI](https://circleci.com/gh/Raiper34/ngx-simple-text-editor.svg?style=shield)](https://circleci.com/gh/Raiper34/ngx-simple-text-editor)\n[![Coverage Status](https://coveralls.io/repos/github/Raiper34/ngx-simple-text-editor/badge.svg?branch=main)](https://coveralls.io/github/Raiper34/ngx-simple-text-editor?branch=main)\n[![npm](https://img.shields.io/npm/dt/ngx-simple-text-editor)](https://badge.fury.io/js/ngx-simple-text-editor)\n[![npm](https://img.shields.io/npm/dm/ngx-simple-text-editor)](https://badge.fury.io/js/ngx-simple-text-editor)\n[![npm](https://img.shields.io/npm/dw/ngx-simple-text-editor)](https://badge.fury.io/js/ngx-simple-text-editor)\n[![](https://data.jsdelivr.com/v1/package/npm/ngx-simple-text-editor/badge?style=rounded)](https://www.jsdelivr.com/package/npm/ngx-simple-text-editor)\n[![GitHub Repo stars](https://img.shields.io/github/stars/raiper34/ngx-simple-text-editor)](https://github.com/Raiper34/ngx-simple-text-editor)\n\n\n![ngc simple text editor logo](assets/logo.svg)\n# Ngx Simple Text editor\nNgx Simple Text editor or ST editor is a simple native text editor component for Angular 9+.\nThe key features of this editor are simplicity, cross-browser compatibility, and extensibility.\n\n![demo](assets/demo.gif)\n\n\n### Content\n- [🔗 Compatibility](#-compatibility)\n- [🚀 Instalation](#-instalation)\n- [💻 Usage](#-usage)\n- [📚 Documentation and demos](#-documentation-and-demos)\n- [📖 License](#-license)\n\n\n## 🔗 Compatibility\n| Angular version | Ngx simple text editor version | Font awesome version |\n|-----------------|--------------------------------|----------------------|\n| 9 - 13          | 0.0.0 - 1.x.x                  | 5.0.0-6.x.x          |\n| 14              | 2.x.x                          | 5.0.0-6.x.x          |\n| 15              | 3.x.x                          | 5.0.0-6.x.x          |\n| 16              | 4.x.x                          | 5.0.0-6.x.x          |\n| 17 - 19         | 5.x.x                          | 5.0.0-6.x.x          |\n\n## 🚀 Instalation\n\n`npm install ngx-simple-text-editor --save`\n\nthen add `NgxSimpleTextEditorModule` into module imports\n```typescript\nimport {NgxSimpleTextEditorModule} from 'ngx-simple-text-editor';\n\n@NgModule({\n// ...\n  imports: [\n    // ...\n    NgxSimpleTextEditorModule,\n    // ...\n  ],\n// ...\n})\n```\nIf you want to use default button icons, you must install Font awesome. \n`npm install @fortawesome/fontawesome-free` and declare in styles in angular.json\n```json\n...\n\"styles\": [\n  \"src/styles.scss\",\n  \"node_modules/@fortawesome/fontawesome-free/css/all.css\"\n]\n...\n```\n\n## 💻 Usage\nYou can use Ngx simple text editor as classic template-driven form input or as reactive form input.\n```angular2html\n\u003cst-editor [(ngModel)]=\"content\" [config]=\"config\"\u003e\u003c/st-editor\u003e\n```\nThe editor has got only one @Input with config object, which is optional.\nThe config object is defined by placeholder and buttons, both are optional and can be omitted.  \n```typescript\nimport { Component } from '@angular/core';\nimport {EditorConfig, ST_BUTTONS} from 'ngx-simple-text-editor';\n\n@Component({\n  selector: 'app-root',\n  templateUrl: './app.component.html',\n  styleUrls: ['./app.component.scss']\n})\nexport class AppComponent {\n  content = '';\n  config: EditorConfig = {\n    placeholder: 'Type something...',\n    buttons: ST_BUTTONS,\n  };\n}\n```\n\n## 📚 Documentation and demos\n[Online documentation and demos](https://ngx-simple-text-editor.netlify.app/)\n\n# ⚖️ License\n[MIT](https://choosealicense.com/licenses/mit/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraiper34%2Fngx-simple-text-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraiper34%2Fngx-simple-text-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraiper34%2Fngx-simple-text-editor/lists"}