This is a slightly extended fork of the npm package ng-content-editable.
You can tryout ng-content-editable here.
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"]);
<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>
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 |
It's easy for you to make a contribution, just open a PR on GitHub :)
But if this will be your first contribution to a JavaScript project, below are some steps that are useful during development.
Install the dev dependencies:
npm install
Generate the dist files:
npm run build