react-simple-captcha
Advanced tools
react-simple-captcha - npm Package Compare versions
Comparing version 3.1.1 to 3.1.2
| { | ||
| "name": "react-simple-captcha", | ||
| "version": "3.1.1", | ||
| "version": "3.1.2", | ||
| "description": "A very simple and powerful captcha for ReactJS", | ||
@@ -5,0 +5,0 @@ "main": "react-simple-captcha.js", |
@@ -12,8 +12,10 @@ # React Simple Captcha | ||
| ``` | ||
| <br> | ||
| **Usage Guide** <br> | ||
| Just follow these 6 easy steps to use the react simple captcha: | ||
| - **Prerequisite** <br><br> | ||
| **Usage Guide** | ||
| <p> Just follow these 6 easy steps to use the react simple captcha:</p> | ||
| - **Prerequisite** | ||
| **react-html-parser** | ||
| - **Step 1** <br> | ||
| - **Step 1** | ||
| Install 'react-html-parser' | ||
@@ -24,3 +26,3 @@ ```sh | ||
| - **Step 2** <br> | ||
| - **Step 2** | ||
| Import 'react-html-parser' | ||
@@ -30,6 +32,6 @@ ```sh | ||
| ``` | ||
| <br> | ||
| <p></p> | ||
| **react-simple-captcha** | ||
| - **Step 3** <br> | ||
| - **Step 3** | ||
| Import all functions from react-simple-captcha | ||
@@ -40,3 +42,3 @@ ```sh | ||
| - **Step 4** <br> | ||
| - **Step 4** | ||
| Place **LoadCanvasTemplate** or **LoadCanvasTemplateNoReload** *(if you do not want 'Reload Captcha' functionality)* in your render code in the function ReactHtmlParser() | ||
@@ -60,3 +62,3 @@ | ||
| - **Step 5** <br> | ||
| - **Step 5** | ||
| Paste **loadcaptchaenginge(6)** *(You can change 6 to number of captcha charcters you want)* in **componentDidMount** | ||
@@ -68,3 +70,3 @@ ```sh | ||
| ``` | ||
| - **Step 6** <br> | ||
| - **Step 6** | ||
| Validate captcha by using **validateCaptcha(user_captcha_value)** | ||
@@ -84,3 +86,3 @@ ```sh | ||
| ``` | ||
| **OR**<br> | ||
| **OR** | ||
| If you don't watch captcha to be reloaded if user enter the wrong value then set second parameter to *false* **validateCaptcha(user_captcha_value, false)** | ||
@@ -100,3 +102,3 @@ ```sh | ||
| ``` | ||
| <br> | ||
| ### Options | ||
@@ -113,3 +115,3 @@ | ||
| | **validateCaptcha(*User_Submitted_Value*, *false*)** | Will return *true* if user submitted value matches with captcha otherwise *false*. Will not reload captcha if user submitted value is *false* | | ||
| <br> | ||
| ### Example | ||
@@ -182,12 +184,12 @@ Let's create a class name **CaptchaTest** with react simple captcha functionality: | ||
| ``` | ||
| <br> | ||
| ### Browser support | ||
| Works in every modern browser which has support for [canvas element](https://caniuse.com/canvas-text "canvas element"). | ||
| <br> | ||
| ### License | ||
| react-simple-captcha is licensed under the [MIT license](https://opensource.org/licenses/MIT "MIT license"). | ||
| <br> | ||
| ### Author Profile | ||
| **Name:** Masroor Ejaz<br> | ||
| **Linkedin:** https://www.linkedin.com/in/masroorejaz/ <br> | ||
| **Twitter:** https://twitter.com/masroorejaz <br> | ||
| **Name:** Masroor Ejaz | ||
| **Linkedin:** https://www.linkedin.com/in/masroorejaz/ | ||
| **Twitter:** https://twitter.com/masroorejaz |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Number of lines in readme file
- increased by1.09%
185
Worsened metrics
- Total package byte prevSize
- decreased by-0.6%
8945