{"id":2721,"date":"2017-12-26T17:11:26","date_gmt":"2017-12-26T17:11:26","guid":{"rendered":"http:\/\/blog.webspellchecker.net\/blog\/?p=1484"},"modified":"2019-01-14T15:48:09","modified_gmt":"2019-01-14T13:48:09","slug":"how-to-configure-spellcheckasyoutype-for-editable-controls","status":"publish","type":"post","link":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/","title":{"rendered":"How to Configure SpellCheckAsYouType for Editable Controls"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Are you scratching your head over the SpellCheckAsYouType (SCAYT) integration into your web app with such HTML contenteditable elements as div, textarea, iframe and etc.? \u00a0And thoughts about digging into technical documentation scare you, then this video created specially for you. \u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Just follow step-by-step a simple six-minute video. \u00a0It will guide you through all configurations steps and show how to bring a comprehensive proofreading tool to your system<\/span><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><iframe loading=\"lazy\" title=\"How to Configure SpellCheckAsYouType for Editable Controls\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/BnqNj-sAZ-Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Subscribe to <\/span><a href=\"https:\/\/www.youtube.com\/channel\/UCENZkkf1F35FqLF9vTp0F5w\/videos\"><span style=\"font-weight: 400;\">WebSpellChecker YouTube channel<\/span><\/a><span style=\"font-weight: 400;\"> to stay up-to-date with more \u201cHow-tos\u201d.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you scratching your head over the SpellCheckAsYouType (SCAYT) integration into your web app with such HTML contenteditable elements as div, textarea, iframe and etc.? \u00a0And thoughts about digging into technical documentation scare you, then this video created specially for you. \u00a0 Just follow step-by-step a simple six-minute video. \u00a0It will guide you through all [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":2934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[490],"tags":[401,406,407,408,411,412,414,415,417,418,419,420,422,423,424,427,428,430,431,432,433,436,437,444,447,448],"class_list":["post-2721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-support","tag-add-spell-checker","tag-check-spelling-in-div","tag-check-spelling-in-iframe","tag-check-spelling-in-textarea","tag-configure-scayt","tag-contenteditable","tag-grammar-checker","tag-grammar-checker-for-div","tag-grammar-checking-for-iframe","tag-grammar-checking-for-textarea","tag-how-to","tag-how-to-integrate-spellchecker-into-div","tag-integrate-spellchecker-into-textarea","tag-misspelling-corrections","tag-multi-language-spell-checker-app","tag-proofreader","tag-proofreading","tag-scayt","tag-spell-checker","tag-spell-checker-for-editable-controls","tag-spell-checker-for-html-contenteditable-elements","tag-spellcheckasyoutype","tag-spellcheckasyoutype-for-editable-controls","tag-webspellchecker-youtube","tag-youtube","tag-youtube-video"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.5 (Yoast SEO v23.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Configure SpellCheckAsYouType for Editable Controls | WebSpellChecker<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Configure SpellCheckAsYouType for Editable Controls\" \/>\n<meta property=\"og:description\" content=\"Are you scratching your head over the SpellCheckAsYouType (SCAYT) integration into your web app with such HTML contenteditable elements as div, textarea, iframe and etc.? \u00a0And thoughts about digging into technical documentation scare you, then this video created specially for you. \u00a0 Just follow step-by-step a simple six-minute video. \u00a0It will guide you through all [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\" \/>\n<meta property=\"og:site_name\" content=\"WebSpellChecker\" \/>\n<meta property=\"article:published_time\" content=\"2017-12-26T17:11:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-01-14T13:48:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"645\" \/>\n\t<meta property=\"og:image:height\" content=\"422\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nadya Pavlenko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nadya Pavlenko\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\"},\"author\":{\"name\":\"Nadya Pavlenko\",\"@id\":\"https:\/\/webspellchecker.com\/#\/schema\/person\/5ff1e1e40bb3916ae93c9a9830f4e523\"},\"headline\":\"How to Configure SpellCheckAsYouType for Editable Controls\",\"datePublished\":\"2017-12-26T17:11:26+00:00\",\"dateModified\":\"2019-01-14T13:48:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\"},\"wordCount\":92,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webspellchecker.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png\",\"keywords\":[\"add spell checker\",\"check spelling in div\",\"check spelling in iframe\",\"check spelling in textarea\",\"configure SCAYT\",\"contenteditable\",\"grammar checker\",\"grammar checker for div\",\"grammar checking for iframe\",\"grammar checking for textarea\",\"how to\",\"how to integrate spellchecker into div\",\"integrate spellchecker into textarea\",\"misspelling corrections\",\"multi-language spell checker app\",\"proofreader\",\"proofreading\",\"SCAYT\",\"spell checker\",\"Spell Checker for Editable Controls\",\"spell checker for HTML contenteditable elements\",\"SpellCheckAsYouType\",\"SpellCheckAsYouType for Editable Controls\",\"WebSpellChecker YouTube\",\"youtube\",\"YouTube Video\"],\"articleSection\":[\"Support\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\",\"url\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\",\"name\":\"How to Configure SpellCheckAsYouType for Editable Controls | WebSpellChecker\",\"isPartOf\":{\"@id\":\"https:\/\/webspellchecker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png\",\"datePublished\":\"2017-12-26T17:11:26+00:00\",\"dateModified\":\"2019-01-14T13:48:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage\",\"url\":\"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png\",\"contentUrl\":\"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png\",\"width\":645,\"height\":422},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webspellchecker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Configure SpellCheckAsYouType for Editable Controls\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webspellchecker.com\/#website\",\"url\":\"https:\/\/webspellchecker.com\/\",\"name\":\"WebSpellChecker\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webspellchecker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webspellchecker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webspellchecker.com\/#organization\",\"name\":\"WebSpellChecker\",\"url\":\"https:\/\/webspellchecker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webspellchecker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/webspellchecker.com\/app\/uploads\/2022\/03\/wsc-logo-with-flag-01.svg\",\"contentUrl\":\"https:\/\/webspellchecker.com\/app\/uploads\/2022\/03\/wsc-logo-with-flag-01.svg\",\"caption\":\"WebSpellChecker\"},\"image\":{\"@id\":\"https:\/\/webspellchecker.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/webspellchecker.com\/#\/schema\/person\/5ff1e1e40bb3916ae93c9a9830f4e523\",\"name\":\"Nadya Pavlenko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webspellchecker.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c2b681a0d6c02917fb392cd93463c372?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c2b681a0d6c02917fb392cd93463c372?s=96&d=mm&r=g\",\"caption\":\"Nadya Pavlenko\"},\"url\":\"https:\/\/webspellchecker.com\/blog\/author\/nadya\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Configure SpellCheckAsYouType for Editable Controls | WebSpellChecker","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/","og_locale":"en_US","og_type":"article","og_title":"How to Configure SpellCheckAsYouType for Editable Controls","og_description":"Are you scratching your head over the SpellCheckAsYouType (SCAYT) integration into your web app with such HTML contenteditable elements as div, textarea, iframe and etc.? \u00a0And thoughts about digging into technical documentation scare you, then this video created specially for you. \u00a0 Just follow step-by-step a simple six-minute video. \u00a0It will guide you through all [&hellip;]","og_url":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/","og_site_name":"WebSpellChecker","article_published_time":"2017-12-26T17:11:26+00:00","article_modified_time":"2019-01-14T13:48:09+00:00","og_image":[{"width":645,"height":422,"url":"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png","type":"image\/png"}],"author":"Nadya Pavlenko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nadya Pavlenko"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#article","isPartOf":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/"},"author":{"name":"Nadya Pavlenko","@id":"https:\/\/webspellchecker.com\/#\/schema\/person\/5ff1e1e40bb3916ae93c9a9830f4e523"},"headline":"How to Configure SpellCheckAsYouType for Editable Controls","datePublished":"2017-12-26T17:11:26+00:00","dateModified":"2019-01-14T13:48:09+00:00","mainEntityOfPage":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/"},"wordCount":92,"commentCount":0,"publisher":{"@id":"https:\/\/webspellchecker.com\/#organization"},"image":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png","keywords":["add spell checker","check spelling in div","check spelling in iframe","check spelling in textarea","configure SCAYT","contenteditable","grammar checker","grammar checker for div","grammar checking for iframe","grammar checking for textarea","how to","how to integrate spellchecker into div","integrate spellchecker into textarea","misspelling corrections","multi-language spell checker app","proofreader","proofreading","SCAYT","spell checker","Spell Checker for Editable Controls","spell checker for HTML contenteditable elements","SpellCheckAsYouType","SpellCheckAsYouType for Editable Controls","WebSpellChecker YouTube","youtube","YouTube Video"],"articleSection":["Support"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/","url":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/","name":"How to Configure SpellCheckAsYouType for Editable Controls | WebSpellChecker","isPartOf":{"@id":"https:\/\/webspellchecker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage"},"image":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage"},"thumbnailUrl":"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png","datePublished":"2017-12-26T17:11:26+00:00","dateModified":"2019-01-14T13:48:09+00:00","breadcrumb":{"@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#primaryimage","url":"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png","contentUrl":"https:\/\/webspellchecker.com\/app\/uploads\/2019\/01\/How-to-Configure-SpellCheckAsYouType-for-Editable-Controls_blog.png","width":645,"height":422},{"@type":"BreadcrumbList","@id":"https:\/\/webspellchecker.com\/blog\/2017\/12\/26\/how-to-configure-spellcheckasyoutype-for-editable-controls\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webspellchecker.com\/"},{"@type":"ListItem","position":2,"name":"How to Configure SpellCheckAsYouType for Editable Controls"}]},{"@type":"WebSite","@id":"https:\/\/webspellchecker.com\/#website","url":"https:\/\/webspellchecker.com\/","name":"WebSpellChecker","description":"","publisher":{"@id":"https:\/\/webspellchecker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webspellchecker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webspellchecker.com\/#organization","name":"WebSpellChecker","url":"https:\/\/webspellchecker.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webspellchecker.com\/#\/schema\/logo\/image\/","url":"https:\/\/webspellchecker.com\/app\/uploads\/2022\/03\/wsc-logo-with-flag-01.svg","contentUrl":"https:\/\/webspellchecker.com\/app\/uploads\/2022\/03\/wsc-logo-with-flag-01.svg","caption":"WebSpellChecker"},"image":{"@id":"https:\/\/webspellchecker.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/webspellchecker.com\/#\/schema\/person\/5ff1e1e40bb3916ae93c9a9830f4e523","name":"Nadya Pavlenko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webspellchecker.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c2b681a0d6c02917fb392cd93463c372?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c2b681a0d6c02917fb392cd93463c372?s=96&d=mm&r=g","caption":"Nadya Pavlenko"},"url":"https:\/\/webspellchecker.com\/blog\/author\/nadya\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/posts\/2721"}],"collection":[{"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/comments?post=2721"}],"version-history":[{"count":0,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/posts\/2721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/media\/2934"}],"wp:attachment":[{"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/media?parent=2721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/categories?post=2721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webspellchecker.com\/api\/licensing\/wp\/v2\/tags?post=2721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}