How to Add Spell Checker In Your Webpage Using jQuery




How to Add Spell Checker In Your Webpage Using jQuery

How to Add Spell Checker In Your Webpage Using jQuery

We have collected Best jQuery Spell Checker Plugins which allows you to check spelling. If you are planning to implement spell checking functionality in your website then just give them try.

We use JavaScriptSpellCheck plugin to add spell check functionality in our webpage.

HTML and jQuery Code

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script type="text/javascript" src='JavaScriptSpellCheck/include.js'></script>
        <script type="text/javascript">
            function checkspell()
            {
                $Spelling.SpellCheckInWindow('textarea');
            }
        </script>
        <style>
            body
            {
                margin:0 auto;
                padding:0px;
                text-align:center;
                width:100%;
                font-family: "Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
                background-color:#CEE3F6;
            }
            #wrapper
            {
                margin:0 auto;
                padding:0px;
                text-align:center;
                width:995px;
            }
            #text_div
            {
                margin-top:20px;
            }
            #text_div textarea
            { 
                width:500px;
                height:150px; 
                border:none;
                padding:10px;
                font-size:17px;
            }
            #text_div input[type="button"]
            {
                background-color:#0080FF;
                border:none;
                color:white;
                width:200px;
                height:40px;
                border-bottom:4px solid #0174DF;
                border-radius:3px;
            }
        </style>
    </head>
    <body>
        <div id="wrapper">
            <div id="text_div">
                <textarea id="textarea" placeholder="Enter Some Text"></textarea>
                <br>
                <input type="button" onclick="checkspell();" value="CHECK SPELLING">
            </div>
        </div>
    </body>
</html>

Author Biography.

Lokesh Gupta
Lokesh Gupta

Overall 3+ years of experience as a Full Stack Developer with a demonstrated history of working in the information technology and services industry. I enjoy solving complex problems within budget and deadlines putting my skills on PHP, MySQL, Python, Codeigniter, Yii2, Laravel, AngularJS, ReactJS, NodeJS to best use. Through Knowledge of UML & visual modeling, application architecture design & business process modeling. Successfully delivered various projects, based on different technologies across the globe.



News & Blogs

06df58ced4c8c6bd7e387d3cd0d4167f.png

Top React.js tools for Developers

React continues to grow in popularity by almost 150% from 2017 to 2018. This ...

04dd32c0108d23bf51249aeab490ad84.png

Get a head start with trending Nodejs developer...

To build and run applications, you need different types of runtime environments that help in seve...

99c65279a4f62ad85fb5b8b340077bb3.png

How to Integrate Payumoney Payment Gateway in L...

I am going to explain How to Integrate Payumoney Payment Gateway in Laravel 5. Most of thing are ...