Convertisseur RTF ➥ HTML
mini-éditeur version 1.2

Allez à RTF2HTML.rev par le menu Plugins. CTRLCTRL R

Si le menu Plugins est vide, ou ne contient pas le plugin :

  • Vérifiez que le plugin « RTF2HTML.rev » se trouve bien dans le dossier de plugins « htmlstyles_plugins »; sinon placez-le à l'intérieur.
  • Cliquez l'icone « plugin update » plugin update en haut à droite de l'écran HTML Styles pour mettre à jour le menu en fonction des plugins installés.
htmlstyles.rev
htmlstyles_plugins
RTF2HTML.rev

bouton plugin Cliquez l'icone plugin version pour accéder à l'aide en ligne.

Le convertisseur comporte une zone de saisie de texte stylé, dans laquelle vous pouvez importer du texte au format HTML ou RTF, ainsi que des boutons de commande :

Convertisseur de documents RTF en HTML - mini-éditeur

Au moyen de ces commandes, vous pouvez modifier le style de certaines portions du texte (gras, italique, couleur…), définir des styles de paragraphe (titres, listes), insérer des liens; générer ensuite une page HTML à partir d'un modèle de page (squelette HTML) et renseigner les principaux metas mis en variable et en constante dans ce squelette : date de création de la page, title, descriptions, robots… feuille de style.
La structure de la page générée est simple mais vous pouvez compléter manuellement tout ce qui manque : scripts, images insérées, etc.

Boutons du Convertisseur
Ouvre ou crée un nouveau template; affichage du nom du template.Ouvre un template enregistré. La valeur « Aucun » utilise le modèle standard. saisir les metasLe modèle de page utilisé peut comporter des valeurs de metas en variables. Ce bouton ouvre un champ permettant de renseigner les valeurs.
importe un document de texte stylé RTFSert à importer en un clic un document de texte stylé : RTF,HTML ou TEXT.
Vous pouvez aussi glisser directement le document stylé à importer sur cette zone ou sur le texte.
Également faire un copier-coller du texte dans la zone de texte.
effacer toutEffacer toute la zone de texte.
style de la sélection : normal, italique, souligné, gras.Style de texte : normal, italique, souligné, gras.
sélectionner une portion de texte et cliquer le bouton de style désiré.
couleur de police style exposant ou indice de la sélectionCouleur de police
Style exposant ou indice de la sélection
place un lien hypertexte dans la sélectionPlace un lien hypertexte dans le texte sélectionné.
Ouvre une fenêtre de saisie du lien.
style de paragraphe : paragraphe simple, titre, listeStyle de paragraphe : paragraphe simple, titre, liste, etc.
supprimer les styles superflusNettoie le texte des styles superflus : à utiliser juste après un import de document si des styles non désirés ont été importés. champs date du documentChamp date du document : alimente la donnée $date du modèle de page, par défaut date du jour.
agrandir ou diminuer la police d'affichageAgrandir ou diminuer la police d'affichage.
Action purement visuelle, aucun effet sur la page générée.
Options de mise en forme HTMLParamétrage de présentation des modèles et de l'indexation d'un répertoire de pages.
À utiliser pour définir les options de génération de pages, notamment le modèle (ou squelette) de page.
page couleur HTMLExporte le texte avec une CSS des couleurs.
Aucun titre ou liste dans la page générée, seulement des paragraphes avec des <,SPAN> de couleur.
copier le source HTMLCopie le HTML de la sélection.
Si seule une portion du texte vous intéresse pour la copier ailleurs, sélectionnez-la et cliquer ce bouton.
Exporte le texte au format page HTMLExporte la page HTML en renseignant les variables de metas. Créée un index des pages (index.html)Indexe un répertoire de pages selon les options de présentation.

Utilisation

Importez un document ou tapez le texte dans la zone texte.
Si le texte contient des couleurs parasites, nettoyez-le avec le bouton supprimer les doubles.
Mettez en gras, soulignez, etc.
Placez les styles en sélectionnant une ou plusieurs lignes, puis en choisissant dans le menu style style de paragraphe : paragraphe simple, titre, liste celui qui convient, par exemple <h3> :

choix d'un style de paragraphe

Le style choisi est reflété par une couleur et une taille de texte propre, non exportée dans le HTML final, mais qui sert à déterminer quel style de paragraphe doit être appliqué (titre de niveau 1 à 3, paragraphe ou liste) :

choix d’un style de paragraphe

Remarque : les attributs de styles mis à la main (gras, italique, souligné) ne sont conservés que pour les paragraphes et les lignes; la couleur n'est conservée que pour les paragraphes.

Quand vous avez terminé, exportez la page au moyen du bouton Exporte le texte au format page HTML.
Vous pouvez également copier le HTML d'une portion de texte avec le bouton copier le source HTML.

Export optimisé d'un texte colorisé

scripts AppleScript

On peut, sous Safari, exporter une page quelconque vers TextEdit et l'enregistrer au format RTF ou html. Le code de cette page peut être optimisé en réant une feuille css des couleurs présentes et retirer le lourd codage fait par TexEdit (span font… font-family, etc.).
Importez simplement le fichier dans l'éditeur et exportez la page directement au moyen du bouton page couleur HTML. C'est tout !

Paramétrage de modèles de pages

Le bouton de setup Options de mise en forme HTML permet de définir des templates contenant les options de présentation.
Le template n'est pas nécessaire si vous ne faites que de la copie de HTML.

Convertisseur de documents RTF en HTML - setup des modèles

Statut d'un élément de paramétrage : l'icone paramètre erronné indique que le paramètre correspondant est erroné ou manquant, l'icone paramètre OK signale qu'il est correct.

Ouvre ou crée un nouveau template; affichage du nom du template. Ouvre ou crée un nouveau template; affichage du nom du template.

enregister la liste d'images du lot Enregistre le réglage dans le dossier « Modeles RTF2HTML ».

Modèle de page (obligatoire) et dossier de destination

Un template doit obligatoirement comporter un modèle de page : il s'agit en fait d'un squelette de page HTML dont la partie <body> contient une variable $content alimentée par le HTML généré.
Utilisez modèle de page HTML pour indiquer où se trouve le modèle et Répertoire de destination des pages. pour le dossier dans lequel les pages sont créées.

options de génération des pages

  • paragraphes jointifs place une balise <br> en fin de ligne des paragraphes de même style.
  • Titre : première ligne comme titre ou titre saisi.
  • Nom du fichier : demandé avant l'enregistrement du fichier, il est pré-rempli à partir du titre ou de la date du jour.
  • exemple de modèle

    <!DOCTYPE html>
    <html lang="fr">
    <head>
    <meta charset="utf-8">
    <title>$title</title>
    <!-- placer metas ici-->
    <meta name="description" lang="fr" content="$description">
    <meta name="robots" content="index, nofollow">
    <meta name="dcterms.created" content="$date">
    <meta name="dcterms.modified" content="$date">
    <meta name="Generator" content="LiveCode">
    <!--
    <meta name="smap-stitle" content="$stitle">
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- placer styles ici-->
    </head>
    <body>
    $content
    </body>
    </html>

    Nom de variables réservés dans un modèle de page :

    • $title : titre de la page, obligatoire.
    • $charset : charset du document, facultatif. Remplacé par le charset par défaut défini en préférences HTMLStyles; s'il est mis en constante, cette valeur est utilisée.
    • $stitle : petit titre : alimente le meta smap-stitle, facultatif. Par défaut est égal au titre.
    • $content : contenu du document, à placer à l'intérieur du body, obligatoire.
    • $date et $dateindex : date du document (saisie dans le champs date), obligatoire.
    Vous pouvez utiliser n'importe quel autre nom de variable dans chaque meta du modèle : $description, $viewport…
    Vous pourrez alors renseigner les valeurs via le bouton saisir les metas (ou ensuite dans la page générée).

    Paramétrage de modèles d'index

    Le bouton de setup Options de mise en forme HTML permet de paramétrer la construction d'une page d'index d'un répertoire de pages. Allez à l'onglet index.

    Paramétrage de modèles d'index

    options de génération d'un index

    Répertoire à indexer. : dossier dont on veut indexer les pages.

    enregister le setupt Enregistre les réglages dans le répertoire à indexer.