ls-view-text-count

npm

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 security@appwrite.io instead of posting a public issue in GitHub.

Copyright and license

The MIT License (MIT) http://www.opensource.org/licenses/mit-license.php