@tinkoff/angular-contenteditable-accessor

This is a ControlValueAccessor for using Angular forms with contenteditable elements

Usage no npm install needed!

<script type="module">
  import tinkoffAngularContenteditableAccessor from 'https://cdn.skypack.dev/@tinkoff/angular-contenteditable-accessor';
</script>

README

Tinkoff ControlValueAccessor for contenteditable elements

Build Coverage Status npm version

This accessor allows you to use Angular forms with contenteditable elements with ease. It has zero dependencies, other than Angular itself as peer and works with Angular 4+ in all modern browsers, including Internet Explorer 11.

Install

$ npm install @tinkoff/angular-contenteditable-accessor

Import

Simply import ContenteditableValueAccessorModule along with either Angular's form modules into your component's module

How to use

Use with template and reactive forms like that:

<div [(ngModel)]="model" contenteditable></div>

<div [formControl]="control" contenteditable></div>

<form [formGroup]="group">
  <div formControlName="control" contenteditable></div>
</form>

Demo

https://stackblitz.com/edit/angular2-contenteditable-value-accessor

Maintain

See MAINTAIN.md