Date: Fri, 29 Mar 2024 07:34:29 +0200 (EET) Message-ID: <1967294708.646.1711690469389@ip-172-30-3-56.ec2.internal> Subject: Exported From Confluence MIME-Version: 1.0 Content-Type: multipart/related; boundary="----=_Part_645_8640141.1711690469386" ------=_Part_645_8640141.1711690469386 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/exported.html
=
WProofreader add-on for rich text editors enables grammar and =
spell check, combining spelling and grammar suggestions while you type or w=
ork with your text in a floating dialog.
Its auto-searching feature enab= les detecting new editable fields on the page and proofreading the text the= y contain automatically on hover selection. No additional actions or plugin= s are required for enabling WProofreader in a specific WYSIWYG editor or HT= ML editable element. A single configuration applies to almost all= editors and controls. Here is the list of WProofreader supported integrations.
This gui= de outlines the main steps to initialize WProofreader in HTML editable= elements such as <input> and <textarea&g= t;, and HTML contenteditable elements such as <div= >, <iframe> and others. All the ste= ps described in this guide are applicable for the Server version of WProofr= eader.
Add the&= nbsp;wscbundle.js script on your web page.
<script type=3D"= text/javascript" src=3D"http(s)://your_host_name/wscservice/wscbundle/wscbu= ndle.js"></script>
Initialize the WProofreader functiona= lity for the selected elements and define the required parameters. Below yo= u will find examples of initialization in content-editable elements such&nb= sp;<div> and <iframe>&nb= sp;and editable elements such as <input> a= nd<textarea>.
In= itialize WProofreader in contenteditable <div> element using either an imperative or declarative notation as it is shown in the= examples below.
<div contentedit= able id=3D"container1"> This sampl text is aimed at demonstrating the work of WProofreader in a con= tenteditable div element.=20 WProofreader will find all your speling and grammar mistakes as you type an= d suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection. </div> =20 <script> var instance1 =3D WEBSPELLCHECKER.init({ container: document.getElementById("container1"), autoStartup: true, =09=09enableGrammar: true, lang: 'en_US', serviceProtocol: 'https', serviceHost: 'your_host_name', =09 servicePort: '443', servicePath: 'virtual_directory/api' }); </script>
<div contentedit= able id=3D"container2" data-wsc-autocreate=3D"true" data-wsc-lang=3D"en_US"= > This sampl text is aimed at demonstrating the work of WProofreader in a pla= in textarea element.=20 WProofreader will find all your speling and grammar mistakes as you type an= d suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection. </div> <script> window.WEBSPELLCHECKER_CONFIG =3D { =09=09enableGrammar: true, =20 =09 serviceProtocol: 'https', serviceHost: 'your_host_name', servicePort: '443', servicePath: 'virtual_directory/api' }; </script>
Initialize the WProofreader in content-editable <iframe> ele= ment using either imperative or declarative notation as it is show= n in the examples below.
<iframe id=3D"co= ntainer3" src=3D"editable_doc.html"></iframe> =20 <script> var instance3 =3D WEBSPELLCHECKER.init({ container: document.getElementById("container3"), autoStartup: true, =09=09enableGrammar: true, lang: 'en_US', serviceProtocol: 'https', serviceHost: 'your_host_name', servicePort: '443', servicePath: 'virtual_directory/api' }); </script>
<iframe id=3D"co= ntainer4" data-wsc-autocreate=3D"true" data-wsc-lang=3D"en_US" src=3D"edita= ble_doc.html"></iframe> <script> window.WEBSPELLCHECKER_CONFIG =3D { =09=09enableGrammar: true, serviceProtocol: 'https', serviceHost: 'your_host_name', servicePort: '443', servicePath: 'virtual_directory/api' }; </script>
<html> <head> <title>WProofreader for HTML Editable Controls</title> </head> <body contenteditable>This sampl text is aimed at demonstrating t= he work of WProofreader in an iframe element.=20 WProofreader will find all your speling and grammar mistakes as you type an= d suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = SCAYT will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection. </body> </html>
Initialize WProofreader in <input> element using ei= ther imperative or declarative notation as it is shown in the examples belo= w.
<input id=3D"con= tainer5" type=3D"text" value=3D"This sampl text is aimed at demonstrating t= he work of WProofreader in a input textform element.=20 WProofreader will find all your speling and grammar mistakes as you type an= d suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection."> <script> =09var instance5 =3D WEBSPELLCHECKER.init({ =09container: document.getElementById("container5"), =09autoStartup: true, =09enableGrammar: true, =09lang: 'en_US', =09serviceProtocol: 'https', =09serviceHost: 'your_host_name', =09servicePort: '443', =09servicePath: 'virtual_directory/api' =09}); </script>
<input id=3D"con= tainer6" data-wsc-autocreate=3D"true" data-wsc-lang=3D"en_US" type=3D"text"= value=3D"This sampl text is aimed at demonstrating the work of WProofreade= r=20 in a input textform element. WProofreader will find all your speling and gr= ammar mistakes as you type and suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection."> <script> =09window.WEBSPELLCHECKER_CONFIG =3D { =09enableGrammar: true, =09serviceProtocol: 'https', =09serviceHost: 'your_host_name', =09servicePort: '443', =09servicePath: 'virtual_directory/api' =09}; </script>=20 =20
Initialize WProofreader in <textarea> element using= either imperative or declarative notation as it is shown in the examples b= elow.
<textarea id=3D"= container7" type=3D"text">This sampl text is aimed at demonstrating the = work of WProofreader in a textarea textform element.=20 WProofreader will find all your speling and grammar mistakes as you type an= d suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection. </textarea> =20 <script> =09var instance7 =3D WEBSPELLCHECKER.init({ =09container: document.getElementById("container7"), =09autoStartup: true, =09enableGrammar: true, =09lang: 'en_US', serviceProtocol: 'https', serviceHost: 'your_host_name', servicePort: '443', servicePath: 'virtual_directory/api' =09}); </script>
<textarea id=3D"= container8" data-wsc-autocreate=3D"true" data-wsc-lang=3D"en_US" type=3D"te= xt">This sampl text is aimed at demonstrating the work of WProofreader in a textarea textform element. WProofreader will find all your speling an= d grammar mistakes as you type and suggest how to correct them.=20 Type your text here or use this one too see an few of of the problems that = WProofreader will recognized.=20 Click the underlined words and phras to see the suggestion options for corr= ection. </textarea> <script> =09window.WEBSPELLCHECKER_CONFIG =3D { =09enableGrammar: true, serviceProtocol: 'https', serviceHost: 'your_host_name', servicePort: '443', servicePath: 'virtual_directory/api' }; </script>=20 =20
You can = adjust the default options to suit your needs. Here is a full lis= t of WProofreader API options and their possible values.
To see the result of initializing WProofreader in HTML editable eleme= nts, see a demo page with the WProofreader initialization in <div> element on our website.