ASTUCE - Forcer les propriétés de mise en forme du texte d'un champ texte riche sur le Web

Rien de plus désagréable qu'un site Web où les fontes de caractères diffèrent d'une page à l'autre. S'il est possible de maitriser une charte graphique pour un site à vocation publique, il est beaucoup plus difficile, voire impossible, de l'imposer pour les importantes bases documentaires internes. A la décharge des utilisateurs, Lotus Notes préserve les propriétés de texte lors des copier/coller depuis les applications Office ou depuis les pages Web.

Heureusement, le moteur de conversion Web Domino n'est pas toujours propre. Il utilise toujours les "vieilles" balises HTML et plus particulièrement la balise <font> pour définir la police de caractère et sa taille. Pour maitriser le rendu du champ texte riche sur le Web il suffit donc de redéfinir le style de cette balise. Ainsi on peut par exemple ajouter en entête de la page web :

<style>
font {
font-family : tahoma, arial, helvetica, sans-serif;
font-size : 1em;
}
</style>

Quelque soit la fonte utilisée et quelque soit sa taille définie dans Notes, le contenu du champ apparaitra toujours en fonte tahoma taille 1em. L'utilisateur pourra par contre mettre en gras ou souligner les caractères afin d'ajouter un peu d'effets au contenu.

On peut bien sûr aussi entourer le champ texte riche d'un div avec une classe définie afin de limiter la portée de l'effet à ce champ. On aura alors dans le masque :

<div class="mybody">
Champ texte riche
</div>

et pour la définition du style :

<style>
#mybody font {
 font-family : georgia, "Times New Roman", Times, Roman, serif;
 font-size : 12px;
}
</style>