maxlength-contenteditable

Simple maxlength plugin validator for contenteditable html , this plugin do not allow you to put more than the specified max length allowed, paste from clipboard is also checked

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
maxlength-contenteditable
1.0.14 years ago5 years agoMinified + gzip package size for maxlength-contenteditable in KB

Readme

Max length plugin for contenteditable HTML attribute
Simple maxlength plugin validator for contenteditable html attribute, this plugin do not allow you to put more than the specified max length, paste from clipboard is also checked.

Demo Link

Demo here

Installation

npm

$ npm install maxlength-contenteditable --save

yarn

$ yarn add maxlength-contenteditable --save

unpkg CDN

You can also skip yarn/npm install by using repos on the cdn
<script src="https://unpkg.com/maxlength-contenteditable@1.0.1/dist/maxlength-contenteditable.js"></script>

initialize

you have 3 ways to do it :

CommonJS

```javascript var maxlengthContentEditableLib = require('maxlength-contenteditable');
### ES6 import
```javascript via 
import {maxlengthContentEditable} from 'maxlength-contenteditable';

Global variable (only if you added the script via CDN in your index.html file)

maxlengthContentEditableModule.maxlengthContentEditable();

### Example of use
<div contenteditable="true" data-max-length="10"></div>

Compatibility

IE 9+ , Chrome , Firefox , Opera