Grammarly випустив SDK для текстового редактора

Підписуйтеся на Telegram-канал «DOU #tech», щоб не пропустити нові технічні статті.

Використання Grammarly Text Editor SDK у вашій програмі дозволяє надавати користувачам пропозиції щодо написання тексту в реальному часі, — йдеться в блозі компанії.

Плагін динамічно завантажуватиметься разом із вашою сторінкою, підключатиметься до хмарних служб Grammarly та перевірятиме будь-який текст, який ваші користувачі пишуть у текстових полях і полях, які ви вказали.

Коли ваші користувачі будуть вводити текст, Grammarly підкреслюватиме проблеми. Кнопка Grammarly з’являється за замовчуванням у нижньому правому куті сторінки.

Ви можете налаштувати плагін відповідно до зовнішнього вигляду вашої програми.

Як це працює

Щоб розпочати використовувати Grammarly SDK у своєму проєкті, вам потрібно виконати наступні кроки:

1. Створіть новий додаток Grammarly для розробників.
2. Встановіть SDK для текстового редактора у ваш проєкт.
3. Додайте плагін текстового редактора Grammarly до текстових редакторів, текст яких Grammarly має перевіряти.

Підтримувані текстові редактори

Плагін текстового редактора працює з такими елементами та атрибутами HTML:

• <input type="text">
• <textarea>
• contenteditable="true", в яких відсутні атрибути readonly або disabled

Крім того, SDK надає компоненти для проєктів на React і Vue.

Grammarly тестує SDK з такими фреймворками для створення форматованих текстових редакторів:

• CKEditor 5
• Quill 1.3
• Slate
• TinyMCE 5 & 6

Детальний гайд — за лінком.