{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" Пишите как угодно — нейронка никому не расскажет.","type":"unstyled","key":"cj3kj"},{"data":{"image":{"id":"5d52741543bee301240e2d35"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ac6oo"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":26,"offset":0}],"inlineStyleRanges":[{"length":26,"offset":0,"style":"UNDERLINE"}],"text":"В статье про нейросети мы говорили, что они здорово справляются с машинным переводом и текстами. Настало время попробовать эти технологии на практике — будем подключать модуль орфокоррекции «Яндекс.Спеллер» к веб-странице. В результате введенный на странице текст будет автоматически проверяться орфокорректором.","type":"unstyled","key":"83i7d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":410,"offset":0,"style":"ITALIC"}],"text":"Яндекс.Спеллер помогает находить и исправлять орфографические ошибки в русском, украинском или английском тексте. Чтобы обнаруживать ошибки и подбирать замены, Спеллер использует библиотеку машинного обучения CatBoost. Благодаря CatBoost он может расшифровывать искажённые до неузнаваемости слова («адникасниеи» → «одноклассники») и учитывать контекст при поиске опечаток («скучать музыку» → «скачать музыку»).","type":"blockquote","key":"35es4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9b2mi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Основные условия, по которым предоставляется «Спеллер», такие:","type":"unstyled","key":"7ctpv"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"проверяем не больше 10 000 раз в сутки;","type":"unordered-list-item","key":"4abi3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"не больше 10 миллионов символов в сутки.","type":"unordered-list-item","key":"cv195"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":16,"offset":146}],"inlineStyleRanges":[{"length":16,"offset":146,"style":"UNDERLINE"}],"text":"Этого вполне хватает для нашего частного проекта. Если вы захотите использовать «Спеллер» в профессиональных целях, почитайте полные условия.","type":"unstyled","key":"2pspd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот что мы сделаем:","type":"unstyled","key":"7bbsj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возьмём шаблон пустой страницы.","type":"unordered-list-item","key":"5uq5g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Поместим на неё заголовок, пояснительный текст и поле ввода.","type":"unordered-list-item","key":"chppt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Напишем скрипт, который после каждого введённого слова проверяет наш текст и автоматически исправляет ошибки.","type":"unordered-list-item","key":"4pao7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":18,"offset":0,"style":"BOLD"}],"text":"Оформляем страницу","type":"header-two","key":"34ua3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Возьмём наш стандартный шаблон:","type":"unstyled","key":"3ff46"},{"data":{"embedData":{"type":"github-gist","nickname":"thecodemedia","id":"8af52e215656259491d082ca55f83f35"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"7lbls"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d0hal"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Добавим на страницу заголовок, текст и поле ввода:","type":"unstyled","key":"2r2mp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Орфокорректор

\n","type":"unstyled","key":"8q7hm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n

Напишите что угодно с ошибками. Страница сама всё исправит.

\n","type":"unstyled","key":"617a3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"\n","type":"unstyled","key":"5o7jt"},{"data":{"image":{"id":"5d5274154735a600ae103238"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"102ej"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот что у нас получилось. Выглядит неопрятно, давайте добавим стилей.","type":"unstyled","key":"9j3kv"},{"data":{"embedData":{"type":"github-gist","nickname":"thecodemedia","id":"d5f2ea37d7fc0527c990e8af8c6fb5f2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"49mnd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"bot93"},{"data":{"image":{"id":"5d5274154735a600ae103239"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9eqa2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":32,"offset":0,"style":"BOLD"}],"text":"Пишем скрипт проверки орфографии","type":"header-two","key":"fjme4"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":26,"offset":148}],"inlineStyleRanges":[{"length":26,"offset":148,"style":"UNDERLINE"}],"text":"Чтобы можно было обращаться к элементу на странице по имени, подключим jQuery. Если вы не знаете, зачем это нужно и как работает, — прочитайте нашу статью.","type":"unstyled","key":"5n65s"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":46,"offset":36}],"inlineStyleRanges":[{"length":46,"offset":36,"style":"UNDERLINE"}],"text":"","type":"blockquote","key":"4mcp7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Задача скрипта — ждать нажатия пробела или энтера, после чего отправить текст на проверку и получить назад готовые слова без ошибок. Как только скрипт получает от сервера Яндекса ответ — скрипт меняет текст в окне ввода на правильный.","type":"unstyled","key":"chlmb"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":33,"offset":272}],"inlineStyleRanges":[{"length":32,"offset":272,"style":"UNDERLINE"}],"text":"Код пробела — 32, код энтера — 13. Получается, что нам нужно отслеживать нажатие каждой клавиши и смотреть, что именно нажалось. Если выпали нужные нам коды — запускаем скрипт проверки. Подробнее про отслеживание нажатых клавиш — в статье про редактор с автосохранением.","type":"unstyled","key":"dmjaa"},{"data":{"embedData":{"type":"github-gist","nickname":"thecodemedia","id":"45fae9c960cadc1b3f971bf5c15271e1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"bga6p"},{"data":{},"depth":0,"entityRanges":[{"key":5,"length":9,"offset":38}],"inlineStyleRanges":[{"length":9,"offset":38,"style":"UNDERLINE"}],"text":"Сохраняем скрипт отдельным файлом script.js в той же папке, что и страница, и подключаем его в коде страницы:","type":"unstyled","key":"3oab0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":" ","type":"blockquote","key":"1ptj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":19,"offset":0,"style":"BOLD"}],"text":"Полный код страницы","type":"header-two","key":"c6e5o"},{"data":{"embedData":{"type":"github-gist","nickname":"thecodemedia","id":"c91845619d22acd586caee5b7eb65999"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:embed","key":"2gl3u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":23,"offset":0,"style":"BOLD"}],"text":"Посмотрите на результат","type":"unstyled","key":"50gv1"},{"data":{},"depth":0,"entityRanges":[{"key":6,"length":48,"offset":25}],"inlineStyleRanges":[{"length":48,"offset":25,"style":"UNDERLINE"}],"text":"Можно поиграть с нашей публичной версией на сайте mihailmaximov.ru. Она точно такая же, как мы описали в статье, и проверка идёт по каждому нажатию энтера или пробела. Если не хотите перегружать сервера Яндекса — сделайте проверку по кнопке. ","type":"unstyled","key":"4uomh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":0,"style":"BOLD"}],"text":"Что дальше","type":"header-two","key":"8a2gg"},{"data":{},"depth":0,"entityRanges":[{"key":7,"length":25,"offset":52}],"inlineStyleRanges":[{"length":25,"offset":52,"style":"UNDERLINE"}],"text":"Можно прикрутить этот орфокорректор к нашему текстовому редактору, и тогда вы сразу будете печатать текст почти без ошибок.","type":"unstyled","key":"6057n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Если вы не укладываетесь в лимиты по количеству или объёму проверок, можно убрать автопроверку и добавить кнопку ручной проверки. Или сделать чекбокс, который будет отвечать за автокоррекцию.","type":"unstyled","key":"3bo3b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"А ещё можно добавить счётчик ошибок — он покажет, насколько аккуратно вы набираете текст.","type":"unstyled","key":"3o4gm"},{"data":{},"depth":0,"entityRanges":[{"key":8,"length":28,"offset":0}],"inlineStyleRanges":[{"length":52,"offset":1,"style":"BOLD"},{"length":27,"offset":1,"style":"UNDERLINE"}],"text":" Подписывайтесь на наш канал, чтобы все было красиво! ","type":"unstyled","key":"58c0m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"SYsRePNsDfYbioqMKRhb"}],"entityMap":{"0":{"data":{"url":"https://zen.yandex.ru/media/code/chto-takoe-iskusstvennyi-intellekt-5d3af4d295aa9f00ae399095"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://yandex.ru/legal/speller_api/","url":"https://yandex.ru/legal/speller_api/"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"url":"https://zen.yandex.ru/media/code/zachem-vam-jquery-5cfe3c34babd4000b092e86a"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"http://yastatic.net/jquery/2.1.3/jquery.min.js","url":"http://yastatic.net/jquery/2.1.3/jquery.min.js"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"url":"https://zen.yandex.ru/media/code/delaem-svoi-tekstovyi-redaktor-s-avtosohraneniem-5cebcd177f585100b321aaf3"},"mutability":"MUTABLE","type":"LINK"},"5":{"data":{"href":"https://vk.com/script.js","url":"https://vk.com/script.js"},"mutability":"MUTABLE","type":"LINK"},"6":{"data":{"href":"http://mihailmaximov.ru/orfo/orfo.html","url":"http://mihailmaximov.ru/orfo/orfo.html"},"mutability":"MUTABLE","type":"LINK"},"7":{"data":{"url":"https://zen.yandex.ru/media/code/delaem-svoi-tekstovyi-redaktor-s-avtosohraneniem-5cebcd177f585100b321aaf3"},"mutability":"MUTABLE","type":"LINK"},"8":{"data":{"url":"https://zen.yandex.ru/code"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}