SCAYT - Changing the html code when this plugin is active by adding new tags

[tacitopb]

This problem occurs when the plugin tries to identify the word that has a space right after the closing tag.
Example:
<span class="c2"> table </span> book
html code changed:

<p><span class="c2"> table</span><span class="c2"> </span> book
</p>

Config CKEditor4 used:
{ "toolbar": "custom", "language": "en", "startupFocus": true, "autoUpdateElement": false, "autogrow": true, "customConfig": "", "width": "580", "height": "200", "entities_processNumerical": "force", "allowedContent": true, "dialog_noConfirmCancel": true, "scayt_sLang": "en_GB", "scayt_customerId": "BgryebAZXjubiSJ", "scayt_disableOptionsStorage": "lang", "scayt_autoStartup": true, "grayt_autoStartup": true, "disableNativeSpellChecker": true, "iframe_attributes": { "sandbox": "allow-scripts allow-same-origin" }, "mathTypeParameters": { "serviceProviderProperties": { "URI": "/asdf/pluginwiris_engine/app/config", "server": "java" } }, "filebrowserBrowseUrl": "/asdf/cat/media/preMedia?type=audio,image,video&refresh_token=asdfasdf.aasdfasdf.asdfasdf-a4", "filebrowserWindowWidth": 1820, "filebrowserVideoBrowseUrl": "/asdf/cat/media/preMedia?type=video&refresh_token=asdfasdf.asdfasdf.asdfasdf-a4", "extraPlugins": "translation,showblocks,media,nbsp,autocorrect,codemirror,table_cell_properties,geogebra,emoji,language", "language_list": ["en:English", "fr:French", "de:German", "es:Spanish"], "removePlugins": "scayt", "stylesheetParser_validSelectors": {}, "specialCharSetsNames": [["International Phonetic Alphabet", "International Phonetic Alphabet"], ["Māori", "Māori"], ["Default", "Default"]], "contentsCss": null, "stylesSet": [], "stylesheetParser_skipSelectors": {}, "font_names": "Helvetica;Roboto Condensed;monospace;", "format_tags": "p;h1;h2;h3;h4;h5;h6;div", "coreStyles_strike": { "element": "del" }, "protectedSource": "/<cc[^>]*></cc>/g", "toolbar_custom": [{ "name": "clipboard", "items": ["Source", "Cut", "Copy", "-", "Undo", "Redo"] }, { "name": "editing", "items": ["Find", "Replace", "-", "Scayt", "-", "SelectAll"] }, { "name": "links", "items": ["Link", "Unlink", "_Anchor"] }, { "name": "insert", "items": ["Media", "_", "table_cell_properties", "HorizontalRule", "SpecialChar", "_", "_", "Translation", "geogebra"] }, { "name": "styles", "items": ["_", "Font", "FontSize", "TextColor", "BGColor", "Format"] }, { "name": "tools", "items": ["ShowBlocks", "Maximize", "EmojiPanel"] }, { "name": "basicstyles", "items": ["Bold", "Italic", "Underline", "Strike", "Subscript", "Superscript", "-", "RemoveFormat"] }, { "name": "paragraph", "items": ["NumberedList", "BulletedList", "-", "Outdent", "Indent", "-", "_Blockquote", "CreateDiv", "-", "JustifyLeft", "JustifyCenter", "JustifyRight", "JustifyBlock", "-", "Language", "BidiLtr", "BidiRtl"] } ], "codemirror": { "autoCloseBrackets": true, "autoCloseTags": true, "autoFormatOnStart": true, "autoFormatOnUncomment": true, "continueComments": true, "enableCodeFolding": true, "enableCodeFormatting": true, "enableSearchTools": true, "highlightMatches": true, "indentWithTabs": false, "lineNumbers": false, "lineWrapping": true, "mode": "htmlmixed", "matchBrackets": true, "matchTags": true, "showAutoCompleteButton": true, "showCommentButton": true, "showFormatButton": true, "showSearchButton": true, "showTrailingSpace": true, "showUncommentButton": true, "styleActiveLine": true, "theme": "default", "useBeautifyOnStart": false } }

[okulykova]

Hi @tacitopb.

Thank you for sharing the details. This is expected behavior for the SCAYT plugin for CKEditor 4. The SCAYT plugin creates an element in this case and duplicates the class. This is a standard browser normalization after adding the SCAYT plugin markup.

As an option, you can migrate to our main product, WProofreader SDK. You can see the demo for CKEditor 4 here.

[tacitopb]

This only happens when there is a space between the end of the tag and the word (<span class="c2"> table </span> book) and this is terrible to final result because the css style in class we are using is for formatting, appearing in duplicate after in different color, for example.
Without space between tag and word (<span class="c2">table</span> book), work well.
What I see is that the plugin, when there is a space, identifies it as if there were a word and duplicating the tag when removing the plugin's control tags.

[okulykova]

@tacitopb thank you for your response. The SCAYT plugin is provided as is. However, there is an alternative solution as was mentioned before. We've provided the details for you via email.