Les outils HTML du menu Édition.
Ces fonctions sont indépendantes de la gestion de styles mais permettent de générer du HTML à partir du contenu du Presse-Papier.
| Convertir Presse-papiers
⌘CTRLCTRL @ | Convertit le texte copié dans le Presse-papiers en caractères HTML standards (accents et caractères spéciaux). Une boîte de dialogue permet de choisir les principale options de conversion : - Fabriquer une page HTML en y incorporant éventuellement la feuille de style active, - Transformer les lignes de texte en table (si les éléments du texte sont séparés par des tabulations) ou en paragraphe. |
| Placer une image… | Intègre une image à votre texte et crée dans le Presse-Papier la balise <IMG= correspondante. |
| Placer une table… | Permet de définir les caractéristiques complètes d'une TABLE à intégrer à votre texte et de créer dans le Presse-Papier les balises correspondantes. |
| Convertir document texte… | Convertit en page HTML un simple document texte balisé, en incluant les Metas et la feuille de styles courants. Pour élaborer des pages plus sophistiquées, utilisez plutôt le plugin « Convertisseur RTF2HTML ». |
Convertir Presse-Papier (commande-@)
La conversion du Presse-Papier code les caractères spéciaux (accentués et autres) sous une forme universelle, avec plusieurs options de conversion :
:
- paragraphes : chaque ligne est transformée en paragraphe standard (balise <p>);
- liste : chaque ligne est transformée en ligne (balise <li>);
- tableau : le texte est transformé en tableau (balises <table> et autres), avec autant de colonnes que d'éléments de texte séparés par le caractère de tabulation.
Si vous choisissez cette option, HTML Styles affichera ensuite les dialogues de la commande Placer une table pour déterminer sa présentation; - aucun formattage : simple conversion des caractères spéciaux sans ajout de balise HTML.
: chaine de caractères à remplacer par un saut de ligne forcé à l'intérieur d'un paragraphe (balise <BR>). Prenez un caractère spécial (par exemple : ¬, accessible par les touches ⌥ L sur Macintosh ou bien \\nn, un jeu de caractères faciles à entrer au clavier).
: après conversion, le Presse-Papier est transformé en une page HTML comportant les balises <html>, <head> et <body> ainsi que les metas par défaut. Vous n'avez plus qu'à retoucher les titres, ajouter des images, etc.
- Si vous cochez l'option supplémentaire , le style courant est incorporé à la page.
: conserve les attributs italique, souligné et gras.
Placer une image…
Permet de choisir une image à intégrer à votre texte et de créer dans le Presse-Papier la balise <img=…> appropriée. Glissez la sur la zone de drop ou utilisez le bouton « Sélectionner une image… »
Vous pouvez mettre l'image à l'échelle et contraindre une de ses dimensions, déterminer son alignement horizontal et vertical et renseigner une légende. Il est également possible de lui affecter une class ou une ID.
L'url du source de l'image est générée soit sous forme relative au dossier « pages HTML » du groupe de styles actif, soit en dataurl base64.
Placer une table
La commande génére une table dont les balises de présentation correspondent à vos choix; elle peut-être activée de deux manières :
- soit à partir de la commande "Placer une Table…", et dans ce cas, le Presse-Papier contient un squelette de table vide (aucune donnée dans les cellules): un dialogue vous demande d'indiquer le nombre de cellules désiré.
- soit à partir de la commande de conversion du Presse-Papier (texte tabulé), et dans ce cas la table est remplie;
HTML Styles affiche une éditeur de table permettant de régler les propriétés de la table générée. Elle comporte trois parties :
- permet de régler la largeur de la table (nombre de pixels ou %), l'alignement horizontal sur la page et une couleur de fond éventuelle.
- permet de préciser l'alignement horizontal/vertical du texte.
- permet de préciser l'espacement entre les cellules (margin en pixels), le padding (espacement interne aux cellules en pixels), le style de bordure (trait, épaisseur et couleur) l'alignement horizontal/vertical du texte et la largeur (nombre de pixels ou %).
Si les cellules sont identiques, cochez la case d'option . - Il est possible pour chaque élément de préciser une classe et/ou une ID pour attribuer des propriétés CSS plus complexes (images et couleurs de fond, bordures de styles différents, etc.) via une feuille de styles. Les navigateurs actuels supportent en effet bien mieux CSS que les attributs de style internes aux balises HTML.
De plus, il est plus simple de corriger le style attribué à un sélecteur que de corriger chaque balise <td> (autant de fois que de cellules).
Le bouton Classe/ID auto permet de générer automatiquement une série de class ou d'ID pour l'ensemble des colonnes. - Vous pouvez entrer une légende de table (caption) placée au dessus ou en dessous du tableau, ou un title (invisible mais exigé par HTML5).
Vous pouvez également demander le titrage des colonnes et des rangées (<th>).
Utilisation de l'éditeur de table
Le contenu des cellules de la table à générer est conservé en mémoire jusqu'à ce que vous fermiez l'éditeur : ceci permet de générer la table autant de fois que nécessaire jusqu'à l'obtention du résultat souhaité. Ne fermez pas la fenêtre avant d'avoir fini.
| Bouton | Utilisation |
|---|---|
 Coller table | Copiez du texte délimité par des tabulations et collez le au moyen de cet outil pour préparer une nouvelle table remplie. |
 Table vide | Création d'une nouvelle table vide. |
 Exporter | Export de la table selon option du menu style : une page « table_test.html » contenant la table est générée sur le Bureau.
|
Convertir document texte
La fonction lit un simple document texte et le transforme en page HTML contenant le texte converti, les Metas et la feuille de styles active.
Il est possible de placer au début de chaque ligne une balise permettant à la fonction de savoir s'il s'agit d'un titre (avec niveau), d'un paragraphe ou d'une ligne.
| En début de ligne | Balises HTML générées |
|---|---|
| rien | <p> |
| • (accessible au clavier par ⌥ ⇧ . alt7Maj\). | <li> |
| §1 | <h1> |
| §2 | <h2> |
| §3 | <h3> |
| §4 | <h4> |
| §5 | <h5> |
| §6 | <h6> |
Attention, le caractère return (retour ligne) est considéré comme un séparateur de balises. Si vous souhaitez imposer un retour à la ligne dans le texte, tapez le caractère ¬ (accessible au clavier par les touches ⌥ L\\nn) : il sera converti en balise <br>.
Pour générer des pages plus complètes, voyez le plugin Convertisseur RTF ➔ HTML.