Initialize WProofreader in contenteditable <div> element using either imperative or declarative notation as it is shown in the examples below.

WProofreader (Imperative Notation):
<div contenteditable id="container1">
This sampl text is aimed at demonstrating the work of WProofreader in a contenteditable div element. WProofreader will find all your speling and grammar mistakes as you type and suggest how to correct them. Type your text here or use this one too see an few of of the problems that WProofreader will recognized. click the underlined words and phras to see the suggestion options for correction.
</div>
 
<script>
    var instance1 = WEBSPELLCHECKER.init({
        container: document.getElementById("container1"),
        autoStartup: true,
        lang: 'en_US',
		serviceId: 'your-service-ID'
    });
</script>
WProofreader (Declarative Notation):
<div contenteditable id="container2" data-wsc-autocreate="true" data-wsc-lang="en_US">
This sampl text is aimed at demonstrating the work of WProofreader in a plain textarea element. WProofreader will find all your speling and grammar mistakes as you type and suggest how to correct them. Type your text here or use this one too see an few of of the problems that WProofreader will recognized. click the underlined words and phras to see the suggestion options for correction.
</div>

<script>
    window.WEBSPELLCHECKER_CONFIG = {      
        serviceId: 'your-service-ID'
    };
</script>

  • No labels