Page de démonstration CKEditor – Texte enrichi
Cette page de démonstration permet de valider les fonctionnalités de texte enrichi offertes par CKEditor pour un site Web de télécommunications. Le contenu ci-dessous présente des exemples réalistes liés à Internet, aux services mobiles, au soutien technique, à la gestion de compte en ligne et au Wi-Fi résidentiel.
1. Titres et paragraphes
H1 - Gérez vos services résidentiels connectés
Utilisez votre compte en ligne pour gérer vos services Internet, mobile, télé, facturation et soutien technique au même endroit.
H2 - Internet rapide et fiable
Profitez d’une connexion Internet résidentielle performante pour le télétravail, le divertissement, les jeux en ligne et la navigation Web.
H3 - Services mobiles simplifiés
Consultez votre forfait mobile, votre consommation et vos options directement à partir de votre compte.
H4 - Soutien Wi-Fi
Obtenez de l’aide pour votre modem, votre routeur et votre réseau Wi-Fi résidentiel.
H5 - Informations de facturation
Consultez votre facture, vos paiements récents et le solde de votre compte en ligne.
H6 - Avis de service
Certaines fonctionnalités peuvent varier selon votre région et les services actifs sur votre compte.
2. Gras, italique et souligné
Les clients peuvent utiliser le site Web pour gérer leur compte, consulter les détails de leurs services et accéder rapidement aux options de soutien.
Exemple de message : Votre service Internet est actif. Vous pouvez redémarrer votre modem à partir de l’application mobile. Communiquez avec le soutien technique si le problème persiste.
3. Sélection de la taille de police
Petit texte : utile pour les notes légales, les conditions ou les détails de soutien.
Texte moyen : utilisé pour le contenu standard du site Web.
Grand texte : idéal pour les promotions ou les informations importantes.
Très grand texte : parfait pour les campagnes marketing ou les sections principales.
4. Sélection de la couleur du texte
Texte noir : contenu standard pour les informations de service.
Texte bleu : message informatif concernant le compte ou le soutien technique.
Texte vert : confirmation qu’un service est actif ou fonctionnel.
Texte rouge : message d’avertissement ou information importante.
5. Couleur et épaisseur du soulignement
Offre importante : obtenez de l’aide pour vos services Internet et mobiles en ligne.
Les liens de soutien peuvent être mis en évidence pour attirer l’attention des utilisateurs.
6. Listes à puces et listes numérotées
Options libre-service pour les clients
- Gérer vos services Internet et mobiles
- Consulter et payer votre facture en ligne
- Redémarrer votre modem ou résoudre un problème Wi-Fi
- Discuter avec un représentant du soutien technique
Étapes pour obtenir de l’aide
- Connectez-vous à votre compte en ligne
- Sélectionnez le service concerné
- Consultez les options de dépannage
- Communiquez avec le soutien si le problème persiste
7. Liens avec cible configurable, états hover et active
Exemple de lien externe : Visiter le site Web de Vidéotron
Exemple de lien interne vers le soutien : Accéder au soutien
Exemple de lien vers le compte : Ouvrir Mon Compte
Remarque : les états hover et active sont généralement contrôlés par le thème CSS du site Web.
8. Images et icônes intégrées
Exemple d’image WebP – services numériques modernes :
Exemples d’icônes intégrées au contenu :
📱 Téléchargez l’application mobile pour gérer vos services à tout moment.
🌐 Vérifiez l’état de votre connexion Internet et de votre réseau Wi-Fi en ligne.
💬 Discutez avec un représentant du soutien pour obtenir de l’aide rapidement.
9. Boutons et appels à l’action dans le texte enrichi
10. Liens d’ancrage
Utilisez ce lien d’ancrage pour accéder directement à la section de soutien : Aller aux informations de soutien
Informations de soutien
Cette section confirme que les liens d’ancrage fonctionnent correctement dans le contenu CKEditor. Les clients peuvent utiliser ce type de lien pour accéder rapidement aux sections liées à la facturation, à Internet, au mobile ou au soutien technique.
Résumé de validation finale
Cette page valide les titres, paragraphes, styles de texte, tailles de police, couleurs, soulignements, listes, liens, images intégrées, icônes, boutons, appels à l’action et liens d’ancrage dans CKEditor.