So far, I have demonstrated how Freeplane works as everything from a simple brainstorming tool to a project management tool. The software takes you beyond the basic idea of mind mapping and expands into a tool for many jobs. Today, we will expand Freeplane a little further. Packaged with Freeplane is the note editing utility Simple HTML Editor. The developers Ulrich Hilger and Dimitry Polivaev designed the editor, and they made an editor that's easy to use. You can use the editor to change and create node text, node details, and node notes. The node notes seem the natural place to use the editor, but, sometimes, you will want to format your node text and node details more extensively. To open the editor to edit the node text, you use the key combination ALT + ENTER. For the node details, use the combination CTRL + F3, and when using the editor for node notes, CTRL + >, which requires you to hold the shift key.
Jusqu'ici, j'ai montré comment Freeplane fonctionne, du simple outil de remue-méninges jusqu'à l'outil de gestion de projet. Le logiciel vous emmène bien au-delà de l'outil de cartographie heuristique et se transforme en outil pour de nombreuses tâches.
Aujourd'hui, nous allons agrandir un peu Freeplane. Empaqueté dans Freeplane, il existe l'utilitaire d'édition de notes Simple HTML Editor. Les développeurs Ulrich Hilger et Dimitry Polivaev ont conçu l'éditeur, et ils en ont fait un éditeur facile à utiliser. Vous pouvez utiliser l'éditeur pour modifier et créer les textes des nœuds, les détails des nœuds, et les notes des nœuds. Les notes des nœuds semblent être l'endroit naturel pour utiliser l'éditeur, mais, parfois, vous voudrez formater le texte d'un nœud et les détails d'un nœud plus largement.
Pour ouvrir l'éditeur pour modifier le texte d'un nœud, vous utilisez la combinaison ALT + ENTER. Pour les détails d'un nœud, utilisez la combinaison CTRL + F3, et si vous utilisez l'éditeur pour les notes d'un nœud, CTRL + >, ce qui nécessite d'appuyer sur la touche MAJ.
The Toolbar The toolbar for the Simple HTML Editor looks like many you'd see in any text editor. You have buttons for printing, undo and redo, cut, copy, paste, and search. You have dropdown boxes for the font and font size. You can change the format of the text with bold, italic, underline, and text color buttons, or remove all formatting with the click of a button. Format your paragraphs as left, right, or center aligned, and create bulleted or numbered lists. Most of what you need to do in the editor you can do from the toolbar. Two of the toolbar icons generate option dialogs, search, and text color. The search dialog allows you to search, or search and replace. The options let you match case, words, search from the start, and search up or down. The text color dialog enables you to select a color using swatches, HSV, HSL, RGB, or CMYK.
La barre d'outils
La barre d'outils de Simple HTML Editor ressemble beaucoup à ce que vous avez vu dans n'importe quel éditeur de texte. Vous avez des boutons pour imprimer, annuler et refaire, couper, copier, coller et chercher. Vous avez des champs déroulants pour la police et la taille des caractères. Vous pouvez changer le format du texte en gras, italique, souligné et des boutons de couleur du texte, ou enlever tout le formatage en cliquant sur un bouton. Formatez vos paragraphes par alignement à gauche, à droite, centré et créez des listes à puces ou numérotées. À partir de la barre d'outils, vous pouvez faire la plupart de ce que vous voulez.
Deux des icônes de la barre d'outils, la recherche et la couleur du texte, génèrent des dialogues d'options. Le dialogue de recherche vous permet de rechercher ou de chercher et remplacer. Les options vous permettent une correspondance de casse, de mots, une recherche à partir du début ou de chercher vers le haut ou vers le bas. Le dialogue de couleur du texte vous permet de sélectionner une couleur en utilisant des échantillons, ou les HSV, HSL, RGB ou CMYK.
The Menus Edit Menu The Edit menu has the usual copy, paste, print, and find and replace options. The dialog for find and replace is the same as the one on the toolbar. The menu includes the ability to create underlined links like the ones you find on web pages. To create an underlined link, highlight the text you want to turn into a hyperlink. From the menus, select Edit > Add or modify hyperlink (type). In the dialog, enter or paste the URL for the link and click OK. To link to a file on your PC's hard drive, use the Add hyperlink (choose) menu option, browse to the document, and click Open.
Les menus
Le menu Édition
Le menu Édition a les habituelles options copier, coller, imprimer, et rechercher et remplacer. Le dialogue de rechercher et remplacer est le même que celui de la barre d'outils.
Le menu comprend la possibilité de créer des liens soulignés comme ceux qu'on trouve sur les pages Web. Pour créer un lien souligné, surlignez le texte que vous voulez transformer en hyperlien. Dans le menu, sélectionnez Édition > Lien libre/Modifier le lien existant. Dans le dialogue, entrez ou collez le lien et appuyez sur OK. Pour lier un fichier présent sur le disque dur du PC, utilisez l'option de menu Lien vers un fichier, naviguez vers le document et cliquez sur Ouvrir.
Format Menu The Format menu has options for styling the text you highlight in the editor. You will find all the standard character and paragraph style selections, but a few of the choices generate dialogs which allow you to fine-tune the look of your text. The Font option opens the Format Font dialog. You can select the font family you want to use, the size, the style, the effects, and the color. The preview text shows you how your selection will look. The dialog is your one-stop shop for character formatting. The Paragraph option lets you format how paragraphs display. You can control the alignment, vertical alignment, and indentation. The indentation applies only to the first line. The paragraph has two sets of margins, inner and outer. Think about a rectangle surrounding the text of a paragraph. The outer margin is padding outside the box, and the inner margin is padding inside the box. If you select a background color for the paragraph, you can see the edges of the rectangle, and the effect of the inner and outer margins. The Font tab of the Paragraph style dialog is the same as the font dialog with the addition of the background color.
Menu Mise en Forme
Le menu Mise en forme a des options pour embellir le texte que vous surlignez dans l'éditeur. Vous trouverez toutes les sélections classiques de styles de caractère et de paragraphe, mais quelques-uns de ces choix ouvriront des dialogues qui vous permettent d'affiner l'aspect de votre texte.
L'option Police de caractères ouvre le dialogue de mise en forme des polices. Vous pouvez sélectionner la famille de polices que vous voulez utiliser, la taille, le style, les effets et la couleur. Le texte prévisualisé vous montre à quoi ressemblera votre sélection. Le dialogue est votre guichet unique de mise en forme du texte.
L'option Paragraphe vous permet une mise en forme de l'affichage des paragraphes. Vous pouvez contrôler l'alignement, l'alignement vertical et l'indentation. L'indentation ne s'applique qu'à la première ligne. Le paragraphe a deux ensembles de marges, intérieures et extérieures. Pensez à un rectangle qui entourerait le texte d'un paragraphe. Les marges extérieures sont l'intervalle à l'extérieur du cadre et les marges intérieures crée un espace à l'intérieur du cadre. Si vous sélectionnez une couleur de fond pour le paragraphe, vous pouvez voir les bords du rectangle et l'effet des marges intérieures et extérieures. L'onglet Police du dialogue de mise en forme du paragraphe est identique au dialogue des polices, avec l'ajout de la couleur de fond.
The Color options display the same dialog discussed in the toolbar section and gives you some default color choices, too. You can choose from red, green, blue, and black. The ‘remove color’ removes the color selection. The List option lets you customize the display of lists. From the Type dropdown, you can select the numbering style or bullet type. You can position the numbers and bullets so that they are on the inside or outside of the paragraph margins. You can control the indentation of all four sides of the list item.
L'option Couleur de texte affiche le même dialogue présenté dans la section sur la barre d'outils et vous donne aussi certains choix de couleur par défaut. Vous pouvez choisir du rouge, du vert, du bleu ou du noir. « Réinitialiser » supprime la sélection des couleurs.
Les Options de liste vous laissent personnaliser l'affichage des listes. Dans la liste déroulante Type, vous pouvez sélectionner le style à numéros ou le type de puce. Vous pouvez positionner les nombres et les puces de sorte qu'ils soient à l'intérieur ou à l'extérieur des marges du paragraphe. Vous pouvez contrôler l'indentation des quatre côtés des éléments de la liste.
Table Menu The table menu helps you create tables in your node text, details, or notes. When you click on the Table item, you get prompted for the number of columns. Enter how many columns you want and click the OK button. You can edit and format each cell individually, moving between the cells using the tab key. If you press tab while in the last column, the editor creates a new row. The columns will autowrap as you type the text. In the menu, you have tools to insert, delete, and add rows and columns. All the formatting options work inside the table cells, allowing you to create a visually pleasing table.
Menu Tableau
Le menu Tableau vous aide à créer des tableaux dans le texte, les détails ou les notes de votre nœud. Quand vous cliquez sur la ligne Tableau, vous êtes invité à indiquer le nombre de colonnes. Entrez le nombre de colonnes que vous souhaitez et cliquez sur le bouton OK. Vous pouvez modifier et mettre en forme chaque cellule individuellement, en vous déplaçant d'une cellule à l'autre en appuyant sur la touche Tab. Si vous appuyez sur Tab quand vous êtes dans la dernière colonne, l'éditeur crée une nouvelle ligne. Quand vous tapez du texte dans une colonne, il est automatiquement renvoyé à la ligne. Dans le menu, vous avez des outils pour insérer, effacer et ajouter des lignes et des colonnes. Toutes les options de mise en forme fonctionnent dans les cellules du tableau, vous permettant de créer un tableau d'un bel aspect.
Help Menu The Help menu has an About simple HTML item that displays the GNU license for the utility.
Menu Aide
Le menu Aide a une ligne À propos de SimplyHTML qui affiche la licence GNU de l'utilitaire.
View Tabs At the bottom of the Simply HTML window are two tabs. The tabs give you a different view of the text in the editor, and depending on your knowledge of HTML, you can customize the information even further. At its roots, the text in the editor is HTML. You can view the actual HTML using the HTML Code view. The editor uses an embedded stylesheet and inline styles to markup the text. Switching back and forth between the views, I got a sense for how it all worked. I did add some HTML to see that directly editing the HTML works. In HTML Code view, many of the formatting tools are disabled. Most users will want to stick with the Layout view, which shows you the formatted text. In this view, you can use all the tools to format your text. You will work here most of the time. Save the HTML Code view for when you need to tweak something.
Onglets de vues
Vous trouverez deux onglets en bas de la fenêtre de Simply HTML. Les onglets vous donnent des vues différentes du texte de l'éditeur et, suivant vos connaissances en HTML, vous pouvez personnaliser plus à fond les informations.
À la base, le texte de l'éditeur est du HTML. Vous pouvez voir le vrai HTML en utilisant la vue Code HTML. L'éditeur utilise une feuille de style incorporée et des styles intégrés pour formater le texte. En passant d'une vue à l'autre, j'ai trouvé comment tout cela marche. J'ai ajouté un peu de HTML pour vérifier que les modifications en directe du HTML fonctionnent. Dans la vue Code HTML, beaucoup d'outils de mise en forme sont désactivés.
La plupart des utilisateurs voudront s'en tenir à la vue Texte riche, qui vous montre le texte mis en forme. Dans cette vue, vous pouvez utiliser tous les outils pour formater votre texte. Vous travaillerez ici la plupart du temps. Gardez la vue HTML pour quand vous devez ajuster finement quelque chose.
The Buttons When you open the editor to write a node note, the Simple HTML opens docked to the bottom of the program window. However, when you edit node text or details, the editor opens in a window. You will see buttons at the bottom of the window. For the node details you see OK and Cancel buttons, but with the node text you also get a Split button. The OK button saves the text as formatted and returns to the map. The Cancel button ignores any changes and returns to the map. The Split button divides the node into two nodes at the location of the cursor. With a node of “One Two,” if you place the cursor between the two words and click on Split, Freeplane will create two nodes, “One” and “Two.” The Simple HTML Editor is a tool built into Freeplane for editing the text of node text, details, and notes. At its roots, the layout is HTML, but you don't have to know HTML to use it as the Layout view works like a mini word processor.
Les boutons
Quand vous ouvrez l'éditeur pour écrire une note de nœud, Simple HTML s'ouvre arrimé au bas de la fenêtre du programme. Cependant, quand vous éditez le texte ou les détails d'un nœud, l'éditeur s'ouvre dans une fenêtre. Vous verrez des boutons en bas de la fenêtre. Pour les détails du nœud, vous voyez Valider et Annuler, mais pour le texte du nœud, vous voyez aussi un bouton Diviser.
Le bouton Valider sauvegarde les textes mis en forme et retourne à la carte. Le bouton Annuler ignore les modifications et retourne à la carte. Le bouton Diviser divise le nœud en deux nœuds à l'emplacement du curseur. Avec un nœud « Un Deux », si vous placez le curseur entre les deux mots, et cliquez sur Diviser, Freeplane créera deux nœuds, « Un » et « Deux ».
L'éditeur Simple HTML est un outil intégré dans Freeplane pour modifier le texte, les détails et les notes des nœuds. À la base, la disposition est en HTML, mais vous n'avez pas besoin de connaître le HTML pour l'utiliser car la vue Texte riche fonctionne comme un petit traitement de texte.