Ng-content-editable NPM

ng-content-editable

This is a slightly extended fork of the npm package ng-content-editable.

Demo

You can tryout ng-content-editable here.

Getting Started

Download the package, and include the dist/ng-content-editable.min.js file in your page.

npm install ng-content-editable --save

Then add the content-editable module to your Angular App file, e.g.

var app = angular.module('app', ["content-editable"]);

Usage

<div contenteditable
     ng-model="model"
     ng-maxlength=255
     ng-minlength=3
     only-text="true"
     only-num="true"
     convert-new-lines="true"
     no-lf="true"
     no-trim="true"
></div>

Description of optional attributes

Attribute	Description	Example
ng-maxlength	The max-length for the attribute	255
ng-minlength	The min-length for the attribute	3
only-text	Remove all the html tags for the attribute value	true or false
convert-new-lines	Convert all `<br>`, `<p>` and `<div>` to `\r\n`	true or false
only-num	Allow numbers 0-9, `.` and `,` only	true or false
no-lf	Line breaks not allowed, results in single line	true or false
no-trim	Disable default trim (removes whitespace from both ends of a string)	true or false