# ng-texteditor

> **simple native texteditor (WYSIWYG) for angular 6+ containing all components you need!**

Latest version **1.0.13** (published 2021-05-28) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ng-texteditor
pnpm add ng-texteditor
yarn add ng-texteditor
bun add ng-texteditor
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.13 |
| Published | 2021-05-28 |
| First published | 2019-12-14 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 12 |
| Unpacked size | 97.5 KB |
| Known vulnerabilities | 0 (+21 in 3 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | hafezkaghazi |

## Links

- npm: https://www.npmjs.com/package/ng-texteditor
- Repository: https://github.com/HKaghazi/ngx-texteditor
- Homepage: https://github.com/HKaghazi/ngx-texteditor#readme
- Issues: https://github.com/HKaghazi/ngx-texteditor/issues
- npm.io page: https://npm.io/package/ng-texteditor

## Dependencies (12)

- [rxjs](https://npm.io/package/rxjs.md) ^6.5.5
- [tslib](https://npm.io/package/tslib.md) ^1.11.1
- [zone.js](https://npm.io/package/zone.js.md) ^0.10.3
- [font-awesome](https://npm.io/package/font-awesome.md) ^4.7.0
- [@angular/core](https://npm.io/package/@angular/core.md) ~9.1.0
- [@angular/forms](https://npm.io/package/@angular/forms.md) ~9.1.0
- [@angular/common](https://npm.io/package/@angular/common.md) ~9.1.0
- [@angular/router](https://npm.io/package/@angular/router.md) ~9.1.0
- [@angular/compiler](https://npm.io/package/@angular/compiler.md) ~9.1.0
- [@angular/animations](https://npm.io/package/@angular/animations.md) ~9.1.0
- [@angular/platform-browser](https://npm.io/package/@angular/platform-browser.md) ~9.1.0
- [@angular/platform-browser-dynamic](https://npm.io/package/@angular/platform-browser-dynamic.md) ~9.1.0

## Recent versions

- 1.0.13 (latest) — 2021-05-28
- 1.0.12 — 2021-05-08
- 1.0.11 — 2021-05-07
- 1.0.10 — 2020-04-10
- 1.0.9 — 2020-04-06
- 1.0.8 — 2020-03-27
- 1.0.6 — 2019-12-16
- 1.0.5 — 2019-12-15
- 1.0.4 — 2019-12-15
- 1.0.3 — 2019-12-15
- 1.0.2 — 2019-12-14
- 1.0.0 — 2019-12-14

## README

# Free Native Texteditor for Angular +6

**simple native texteditor (WYSIWYG) for angular 6+ containing all components you need!**


![demo1](https://user-images.githubusercontent.com/28312770/70859572-39ae4b00-1f2b-11ea-927b-42f0e3b95514.png)


## Support
If you like my work please comment and suggest<br/>
please submit issues in order to fix any bugs and improvment of package<br/>

## Examples
-- [demo]() on stackblitz <br/>
-- [demo]() on guthub pages <br/>


## Prerequisites
    angular/core >= 6.0.0
    angular/common >= 6.0.0
    font-awesome >= 4.0.0

## Installing
    npm i ng-texteditor font-awesome

## Usage
1-Import `TexteditorModule` to app.module.ts

    import { TexteditorModule } from 'ng-texteditor'; // <-- add this line
    @NgModule({
    declarations: [
        ...
    ],
    imports: [
        BrowserModule,
        TexteditorModule   // <-- and this line
    ],
    providers: [...],
    bootstrap: [AppComponent]
    })


2-Code `<ng-texteditor></ng-texteditor>` anywhere you like 

3-Insert `Options`

    <ng-texteditor [id]="'id'" [placeholder]="'Place Holder'" tabIndex="TabIndexNumber | null"  [(ngModel)]="fruit" [config]="config"></ng-texteditor> 

## Options

### Inputs
* editable `<Boolean>` : `true`
* spellcheck `<Boolean>` : `true`
* height `<String>`: `'auto'`
* minHeight `<String>`: `'0'`
* maxHeight `<String>`: `'auto'`
* width `<String>` : `'auto'`
* minWidth `<String>` : `'0'`
* translate `<String>` : `'yes'`
* enableToolbar `<Boolean>` : `true`
* showToolbar `<Boolean>` : `true`
* placeholder `<String>` : `'Enter text here...'`
* defaultParagraphSeparator `<String>` : `''`
* defaultFontName `<String>` : `''`
* defaultFontSize `<String>` : `''`
* fonts `<Array>` : `[
{class: 'arial', name: 'Arial'},
{class: 'times-new-roman', name: 'Times New Roman'},
{class: 'calibri', name: 'Calibri'},
{class: 'comic-sans-ms', name: 'Comic Sans MS'}
]`
* uploadUrl `<String>` : `'v1/image'`
* sanitize `<Boolean>` : `true`
* toolbarPosition `<String>` : `'top'`
* outline `<Boolean>` : `true`

### Outputs
* onChange() : (value: string) => void
* onTouched() : () => void

---
_Source: https://npm.io/package/ng-texteditor · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._