JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 2
  • Score
    100M100P100Q33046F
  • License MIT

🤖 Protect your email address from being crawled by spam bots.

Package Exports

  • spamguard.js
  • spamguard.js/dist/spamguard.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (spamguard.js) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

spamguard.js

Installation

npm install spamguard.js
yarn add spamguard.js

Usage

spamguard(selector);
<script src="https://cdn.jsdelivr.net/npm/spamguard.js/dist/spamguard.js"></script>
<a href="#" class="obfuscate-it" data-name="mark" data-domain="gmail" data-tld="com" data-mailto="true"></a>
<script>
    spamguard(".obfuscate-it");
</script>

Demo

Options

Attribute Type Default Description
data-name string Everything before the @ of your email address
data-domain string Domain name without extension
data-tld string Extension without .
data-salt string Additional characters for confusion, which are removed
data-number string You can add letters and special characters for obfuscation (see example)
data-mailto boolean false Creates a mailto:-link
data-content boolean false When true, your own content will be kept. Otherwise it returns the email address.
data-subject string Set a custom subject for mailto:-link
data-message string Set a custom message for mailto:-link
data-text string Obfuscate a custom string
data-protocol string tel Set the protocol on data-number: whatsapp, tel, sms
data-align-content string left Correspond to justify-content

Example with custom content

<a href="#" class="obfuscate-it" data-name="mark" data-domain="gmail" data-tld="com" data-mailto="true" data-content="true">
    <i class="fa fa-heart"></i>
</a>
<script>
    spamguard(".obfuscate-it");
</script>

Example with phone number

<a href="#" class="obfuscate-it" data-number="_+1 $&80=8 :555;; 01-))23" data-salt="§$%&/()=_:;.-[]" data-mailto="true"></a>
<script>
    spamguard(".obfuscate-it");
</script>

Example with WhatsApp number

<a href="#" class="obfuscate-it" data-number="_+1 $&80=8 :555;; 01-))23" data-salt="§$%&/()=_:;.-[]" data-protocol="whatsapp" data-message="Hi there!" data-mailto="true"></a>
<script>
    spamguard(".obfuscate-it");
</script>

Example with a custom text

<span class="obfuscate-it" data-text="H$e__l-[l].o ::W=o)r%&%ld.!" data-salt="§$%&/()=_:;.-[]"></span>
<script>
    spamguard(".obfuscate-it");
</script>