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 @slackero/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 |

Contributing

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