Text Select

Универсальный «найди в тексте» — кликни на все слова, подходящие под правило.

Несколько режимов (табы). Каждый режим — своё правило. После проверки: верные слова зелёные, пропущенные пульсируют, ошибочные зачёркнуты.

Синтаксис маркеров

[слово|категория|объяснение]

• слово — видимый кликабельный текст
• категория — ключ из modes
• объяснение — показывается после проверки (необязательно)

Немаркированные слова — дистракторы (кликабельны, но неправильны).

Использование

{{< text-select >}}
title: "Части речи"
showCount: true
text: "[Бегущий|participle|действ. прич.] по улице мальчик [увидел|verb] [разрушенный|participle] дом и [остановился|verb]."
modes:
  participle:
    label: "Причастия"
    rule: "Причастие — особая форма глагола, обозначает признак по действию."
  verb:
    label: "Глаголы"
    rule: "Глагол обозначает действие или состояние."
{{< /text-select >}}

Параметры

События

text-select:mode-complete → { id, mode, found, total, wrong, score, perfect }
text-select:complete      → { id, totalFound, totalTargets, totalWrong, score }

Пример