max-length

!gitHub tag badge
!gitHub release badge
!npm badge
!gitHub repo size badge
!jest badge badge

max-length

针对contenteditable实现的输入框，限制其输入长度。


在线例子

介绍

contenteditable可编辑容器的内容长度限制。一般利用contenteditable实现的可以输入区域，很难做到限制其输入的长度。这个库处理了英文输入、输入法输入、复制粘贴等情况，限制其内容的长度。

maxlength API

需要传入一个options配置项

maxlength(options)

``js
maxlength({
dom: '', // 必填属性，原生dom
maxLength: 0, // 必填属性，如果没填，限制不生效
})
`

安装和使用

$3

`js



`

$3

安装maxlength
`base
npm i maxlength --save
`

$3

引入包，使用包
`js
import maxLength from 'maxlength'
// 获取设置了contenteditable属性的dom
const editor = document.getElementById('editor')

maxLength({
dom: editor,
maxLength: 10
}
`

html结构
`html

max-length

---

contenteditable可编辑容器的内容最大长度限制

``