Mise en surbrillance de texte - nschonni/wet-boew GitHub Wiki

english

Ce composant met automatiquement en surbrillance certains mots dans une page Web. La nature des mots ainsi mis en évidence peut être déterminée au moyen de la chaîne d'interrogation.

Table of Contents

Vue d’ensemble

Chef du projet : Paul Jackson (@pjackson28)

Le composant de mise en subrillance de texte met en surbrillance n'importe quel texte dans un secteur pré-défini qui satisfait des critères de recherche. Les critères de recherche sont insensibles à la casse et sont spécifiés par la chaîne d'interrogation d'une addresse URL. Les chaînes avec plusieurs mots sont supportées, y compris les espaces et la ponctuation fondamentale.

Avantages

  • Aide les utilisateurs à trouver certains mots sur une page Web
  • Approche pour mettre les mots en surbrillance par défaut à travers la chaîne d'interrogation
  • Les chaînes avec plusieurs mots sont supportées, y compris les espaces et la ponctuation fondamentale
  • Conformes à WCAG 2.0 AA
  • Recours aux WAI-ARIA pour accroître l’accessibilité
  • Approche d'amélioration progressive

Utilisation recommandée

  • Mettre en surbrillance les termes de recherche dans une page de résultats de recherche
  • Mettre en surbrillance des mots clés dans une page Web
  • Aider l’utilisateur à retrouver toutes les occurrences d’un ou de plusieurs mots dans une page Web

Mise en oeuvre

  1. Définir votre zone de recherche. Ajouter la classe wet-boew-texthighlight à l'étiquette dont vous voulez chercher.
  2. Spécifier les critères de recherche dans la chaîne d'interrogation de l'addresse URL. Ajouter texthighlight=<texte_1></texte_1>+<texte_2></texte_2>+<texte_3></texte_3> à la chaîne d'interrogation.
Nota 1 : Les critères de recherche regroupant des caractères spéciaux d'expression régulière (« regex », p.ex., « " », « | », « ? », « + », « ( » ou « ) ») peuvent être partiellement ou entièrement exclus des résultats. Nota 2 : La validation des balises HTML exige que tous les espaces dans les liens soit remplacés par « %20 ».

Exemple

Critères de recherche - Exemple :

  • influenza aviaire
  • monde
  • suffis
  • symptômes semblables à ceux de l'influenza
  • À titre de rappel
  • À de rares occasions, des humains ont été infectés par ce virus.
La chaîne d'interrogation : 
?texthighlight&amp;amp&#59;&amp;&#35;35&#59;61&amp;&#35;59&#59;influenza%20aviaire+monde+suffis+symptômes%20semblables%20à%20ceux%20de%20l&amp;amp&#59;&amp;&#35;35&#59;39&amp;&#35;59&#59;influenza
+À%20titre%20de%20rappel...+À%20de%20rares%20occasions,%20des%20humains%20ont%20été%20infectés%20par%20ce%20virus.

Mise en surbrillance le texte qui satisfait les critères de recherche

Exemples

Développement

Le code pour la mise en surbrillance de texte se trouve à plusieurs endroits dans le répertoire source de la BOEW :

Problèmes connus

  • N’aide pas l’utilisateur à accéder aux mots mis en surbrillance évidence

Historique des versions

⚠️ **GitHub.com Fallback** ⚠️