Page History
1. How to migrate from SCAYT 2 to SCAYT 3 plugin for CKEditor
SCAYT 2 product was used on the old versions of CKEditor 4.3.3 and less. The new version of the SCAYT 3 product was launched starting CKEditor 4.4+.
1. Upgrade the version of the CKEditor editor to the latest one available (or at least to the version 4.4+). The latest version of CKEditor plugin can be downloaded from CKEditor website.
2. Specify your encrypted customer ID for the paid SCAYT service in the CKEditor config.js file using the scayt_customerid parameter:
Code Block | ||||
---|---|---|---|---|
| ||||
config.scayt_customerid = 'encrypted-customer-ID'; |
Note |
---|
You can find your long encrypted customer ID in your previous configuration or you may download it from your account page on the webspellchecker.net website. Login using your Customer ID and password. Then click Download Configuration file. |
You can find more information about SCAYT 3 parameters for CKEditor here.
2. How to migrate from SCAYT 2 to SCAYT 3 plugin for TinyMCE
Before to proceed with the migration steps, you need to define the exact version of the TinyMCE editor:
- Go to Development tools (e.g. F12 in Chrome).
- Choose the Console tab.
- Write after ”>”: tinymce.majorVersion + '.'+ tinymce.minorVersion;
- Click Enter to see the version of the TinyMCE editor.
Depending on the version of TinyMCE editor, please follow the next instructions below:
TinyMCE 3.0 and less
- Upgrade the version of the TinyMCE editor to the latest one available (or at least to the version 4.0+). The latest version of TinyMCE (4.6.4) can be downloaded from the TinyMCE website.
- Unpack the downloaded ZIP archive with the SCAYT plugin.
- Copy the extracted SCAYT folder to the TinyMCE 4 plugins directory (by default: tinymce4\js\tinymce\plugins\). Important: The folder name must be “scayt”.
- Go further with instructions for TinyMCE 4+.
TinyMCE 4.0+
Edit your HTML page that contains TinyMCE as follows:
1. Register SCAYT plugin and add it to TinyMCE toolbar:
Code Block | ||||
---|---|---|---|---|
| ||||
<script src="/tinymce/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: "textarea#myEditor",
theme: "modern",
language: "en",
plugins: [ "scayt link image table contextmenu" ],
toolbar: "scayt undo redo | bold italic | alignleft" +
"aligncenter alignright alignjustify |" +
"bullist numlist | link image", |
2. Specify SCAYT settings:
...
language | js |
---|---|
theme | Emacs |
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...
Note |
---|
You can find your long encrypted customer ID in your previous configuration or you may download it from your account page on the webspellchecker.net website. Login using your Customer ID and password. Then click Download Configuration file. |
You can find more information about available parameters on the SCAYT plugin for TinyMCE 4.0+ demo page.
3. How to migrate from SCAYT 2 to SCAYT 3 for Editable Controls
1. Change the SCAYT application URL:
Code Block | ||||
---|---|---|---|---|
| ||||
<script type="text/javascript" src="https://svc.webspellchecker.net/spellcheck31/lf/scayt3/scayt/scayt.js"></script> |
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
2. Update SCAYT initialization in controls. Depending on the type of the controls (HTML elements) where the SCAYT functionality is embedded and used, please update your configuration as follows.
3.1. Contenteditable DIV Element
Warning | ||
---|---|---|
| ||
<div contenteditable sc_dojoType="scayt.ui"> |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<div contenteditable id="container1">
This is an exampl of a sentence with two mispelled words.
Just type text with misspelling to see how it works.
</div>
<script>
var instance1 = new SCAYT.SCAYT({
container: document.getElementById("container1"),
autoStartup: true,
spellcheckLang: 'en_US',
serviceProtocol: 'https',
serviceHost: 'svc.webspellchecker.net',
servicePort: '443',
servicePath: 'spellcheck31/script/ssrv.cgi',
customerId: 'encrypted-customer-ID'
});
</script> |
...
language | js |
---|---|
theme | Emacs |
title | SCAYT 3 (Declarative Notation): |
...
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
3.2. Contenteditable IFRAME Element
Warning | ||
---|---|---|
| ||
<iframe sc_dojoType="scayt.ui" src="editable_doc.html"> |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<iframe id="container2" src="editable_doc.html"></iframe>
<script>
var iframeInstance;
var iframeElement = document.getElementById("container2");
SCAYT.SCAYT.createScaytControl(iframeElement, {
container: document.getElementById("container1"),
autoStartup: true,
spellcheckLang: 'en_US',
serviceProtocol: 'https',
serviceHost: 'svc.webspellchecker.net',
servicePort: '443',
servicePath: 'spellcheck31/script/ssrv.cgi',
customerId: 'encrypted-customer-ID'
},
function(instance) {
iframeInstance = instance;
}
);
</script> |
...
language | js |
---|---|
theme | Emacs |
title | SCAYT 3 (Declarative Notation): |
...
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...
3.3. Contenteditable INPUT Element
Warning | ||
---|---|---|
| ||
<input name="scayt_input" size="50" sc_dojoType="scayt.Input" lang="<language_short_code>" |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<input id="container3" type="text" value="This is an exampl of a sentence with two mispelled words.">
<script>
var instance3 = new SCAYT.SCAYT({
container: document.getElementById("container3"),
autoStartup: true,
spellcheckLang: 'en_US',
serviceProtocol: 'https',
serviceHost: 'svc.webspellchecker.net',
servicePort: '443',
servicePath: 'spellcheck31/script/ssrv.cgi',
customerId: 'encrypted-customer-ID'
});
</script> |
...
language | js |
---|---|
theme | Emacs |
title | SCAYT 3 (Declarative Notation): |
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...
3.4. Contenteditable TEXTAREA Element
Warning | ||
---|---|---|
| ||
<textarea name="scayt_textarea" sc_dojoType="scayt.Textarea" scaytConfig.customDictionaryIds = [1,3001]; |
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
<textarea id="container4">
This is an exampl of a sentence with two mispelled words.
</textarea>
<script>
var instance4 = new SCAYT.SCAYT({
container: document.getElementById("container4"),
autoStartup: true,
spellcheckLang: 'en_US',
serviceProtocol: 'https',
serviceHost: 'svc.webspellchecker.net',
servicePort: '443',
servicePath: 'spellcheck31/script/ssrv.cgi',
customerId: 'encrypted-customer-ID'
});
</script> |
...
language | js |
---|---|
theme | Emacs |
title | SCAYT 3 (Declarative Notation): |
...
Excerpt Include | ||||||
---|---|---|---|---|---|---|
|
...