masks-weethub
v2.3.6
Published
A simple library for applying masks to CNPJ, CEP, and phone numbers in both Node.js and vanilla JavaScript.
Downloads
216
Readme
Masks
A simple library for applying masks to CNPJ, CEP, and phone numbers in both Node.js and vanilla JavaScript.
Installation
To install the library, you can use npm:
npm install masksUsage
Node.js
To use the library in a Node.js application, you can require it as follows:
const {
mascaraCNPJ,
applyCnpjMask,
applyCepMask,
applyCepMaskOnLoad,
mascaraCEP,
mascaraWhatsApp,
applyWhatsAppMask,
mascaraTelefone,
applyPhoneMask
} = require('masks');
// Example usage
console.log(mascaraCNPJ('12345678000195')); // Output: 12.345.678/0001-95
console.log(mascaraCEP('12345678')); // Output: 12345-678
console.log(mascaraWhatsApp('11987654321')); // Output: (11) 98765-4321
console.log(mascaraTelefone('11987654321')); // Output: (11) 98765-4321Vanilla JavaScript
Para usar a biblioteca em um navegador, inclua o script e chame as funções conforme necessário. Agora, as máscaras são aplicadas diretamente às classes específicas no carregamento da página:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Masks Example</title>
<script src="https://unpkg.com/masks-weethub/dist/masks.min.js"></script>
</head>
<body>
<div class="cnpj-mask">12345678000195</div>
<div class="cep-mask">12345678</div>
<div class="whatsApp-mask">11987654321</div>
<div class="phone-mask">11987654321</div>
<input class="newsletter-input-phone">
<script>
window.addEventListener("load", function() {
// Aplica as máscaras automaticamente às classes específicas
masks.applyCepMaskOnLoad({ classReference: "cep-mask" }); // Com autoclick no botão para calcular o frete habilitado
masks.applyCepMaskOnLoad({ classReference: "cep-mask", autoClick = false }); // Com autoclick no botão para calcular o frete desabilitado
masks.applyCnpjMask('cnpj-mask');
masks.applyWhatsAppMask('whatsApp-mask');
masks.applyPhoneMask('phone-mask');
masks.newsletterPhoneMask('newsletter-input-phone')
});
</script>
</body>
</html>
## Contribution
To contribute to this project, follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature-branch`).
3. Make your changes.
4. Commit your changes (`git commit -m 'Add some feature'`).
5. Push to the branch (`git push origin feature-branch`).
6. Open a pull request.
Please ensure your code follows the project's coding standards and includes appropriate tests.
## License
This project is licensed under the MIT License.