ls-view-text-count
v1.0.1
Published
Litespeed.js view component that adds a word counter to your input elements.
Downloads
5
Maintainers
Readme
ls-view-text-count
Litespeed.js view component that adds a word counter to your input elements.
Installation
This package is wrapped as a Litespeed.js component. To use it, you need to init a new Litespeed.js project or use an exisiting Litespeed.js project. To learn more about Litespeed.js Javascript web framework got to the official repository.
Install with NPM:
npm install ls-view-text-count
Install with CDN:
<script src="https://cdn.jsdelivr.net/npm/ls-view-text-count"></script>
Getting Started
When input maxlength attribute is defined, the counter will show remaining chars left until the limit is going to be reached. When no maxlength attribute is set, the counter will just count how many word and chars have been written.
Example 1
Setting with maxlength attribute:
<input type="text" value="Hello World!" maxlength="20" data-ls-text-count />
Result:
<input type="text" value="Hello World!" maxlength="20"><span class="ls-view-text-count">8 / 20</span>
Example 2
Setting without maxlength attribute:
<input type="text" value="Hello World!" data-ls-text-count />
Output:
<input type="text" value="Hello World!"><span class="ls-view-text-count">2 words and 12 chars</span>
Contributing
All code contributions - including those of people having commit access - must go through a pull request and approved by a core developer before being merged. This is to ensure proper review of all the code.
Fork the project, create a feature branch, and send us a pull request.
For security issues, please email [email protected] instead of posting a public issue in GitHub.
Copyright and license
The MIT License (MIT) http://www.opensource.org/licenses/mit-license.php