|
|
|
@ -0,0 +1,153 @@
|
|
|
|
|
*** |
|
|
|
|
|
|
|
|
|
titre : 'Texte enrichi' |
|
|
|
|
description: 'Cet article explique comment créer et utiliser un champ de texte enrichi.' |
|
|
|
|
balises : \['Champs', 'Types de champs', 'Types basés sur du texte', 'Texte enrichi'] |
|
|
|
|
mots-clés : \['Champs', 'Types de champs', 'Types basés sur du texte', 'Texte enrichi', 'Créer un champ de texte enrichi'] |
|
|
|
|
-------------------------------------------------------------------------------------------------------------------------- |
|
|
|
|
|
|
|
|
|
Le champ `Rich Text` est un champ basé sur du texte et constitue une extension du champ `Long text`. Il permet d'ajouter du formatage au texte, tel que le gras, l'italique, le souligné, le barré, la règle horizontale, la liste ordonnée, la liste non ordonnée, le code, la citation, etc. |
|
|
|
|
|
|
|
|
|
## Créer un champ `Rich Text` |
|
|
|
|
|
|
|
|
|
1. Cliquer sur l'icône `+` à droite de l'en-tête `Fields` |
|
|
|
|
2. Dans la liste déroulante modale, entrez le nom du champ (facultatif). |
|
|
|
|
3. Sélectionnez le type de champ comme `Long text` dans la liste déroulante. |
|
|
|
|
4. Activez la bascule du champ `Rich Text`. |
|
|
|
|
5. Définissez la valeur par défaut pour le champ (facultatif). |
|
|
|
|
6. Cliquez sur le bouton `Save Field`. |
|
|
|
|
|
|
|
|
|
![image](/img/v2/fields/types/richtext.png) |
|
|
|
|
|
|
|
|
|
:::note |
|
|
|
|
Spécifiez la valeur par défaut sans guillemets. |
|
|
|
|
Utilisez la touche `Enter` pour ajouter une nouvelle ligne. |
|
|
|
|
::: |
|
|
|
|
|
|
|
|
|
### Affichage des cellules |
|
|
|
|
|
|
|
|
|
Le champ `Rich Text` est affiché sous la forme d'un champ de texte sur une seule ligne dans la vue tabulaire. Cliquez sur l'icône d'expansion dans la cellule pour afficher le texte intégral. |
|
|
|
|
|
|
|
|
|
![image](/img/v2/fields/long-text-expand.png)![image](/img/v2/fields/long-text-expand-2.png) |
|
|
|
|
|
|
|
|
|
## Options de formatage |
|
|
|
|
|
|
|
|
|
NocoDB prend en charge la syntaxe markdown pour formater le texte. Voici les options de formatage prises en charge. |
|
|
|
|
|
|
|
|
|
### Titre |
|
|
|
|
|
|
|
|
|
Pour créer un titre, préfixez le texte de votre titre avec le symbole `#`. Le nombre de symboles # utilisés dictera le niveau hiérarchique du titre et la taille de la police. Trois niveaux de titres sont pris en charge. |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
# Heading 1 |
|
|
|
|
## Heading 2 |
|
|
|
|
### Heading 3 |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
![image](/img/v2/fields/types/richtext-heading.png) |
|
|
|
|
|
|
|
|
|
### Formatage du texte |
|
|
|
|
|
|
|
|
|
Vous pouvez mettre en valeur le texte avec des options de formatage gras, italique, barré ou souligné. Le tableau ci-dessous montre la syntaxe, le raccourci clavier, l'exemple et le résultat pour chaque option de formatage. |
|
|
|
|
|
|
|
|
|
| Style | Syntaxe | Raccourci clavier | Exemple | Sortie | |
|
|
|
|
| --- | --- | --- | --- | --- | |
|
|
|
|
| Audacieux |`**bold text**`|`Ctrl/Cmd + B`|`**This is bold text**`|**C'est du texte en gras**| |
|
|
|
|
| Italique |`*italicized text*`|`Ctrl/Cmd + I`|`*This is italicized text*`|*Ceci est un texte en italique*| |
|
|
|
|
| Barré |`~~strikethrough text~~`|`Ctrl/Cmd + Shift + X`|`~~This is strikethrough text~~`| ~~Ceci est du texte barré~~ | |
|
|
|
|
| Souligner | |`Ctrl/Cmd + U`|`This is underlined text`|<u>Ceci est un texte souligné</u>| |
|
|
|
|
|
|
|
|
|
### Bloc de devis |
|
|
|
|
|
|
|
|
|
Vous pouvez citer du texte avec un`>` |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
normal text |
|
|
|
|
> quoted text |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
texte normal |
|
|
|
|
|
|
|
|
|
> texte cité |
|
|
|
|
|
|
|
|
|
### Bloc de code |
|
|
|
|
|
|
|
|
|
Un bloc de code peut être créé en utilisant (3 backticks) avant et après le code. |
|
|
|
|
|
|
|
|
|
```` |
|
|
|
|
``` |
|
|
|
|
This is a code block |
|
|
|
|
``` |
|
|
|
|
```` |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
This is a code block |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
### Lien |
|
|
|
|
|
|
|
|
|
Vous pouvez créer un lien en ligne en utilisant l'option de menu `Link` dans la barre d'outils de texte enrichi. |
|
|
|
|
|
|
|
|
|
![image](/img/v2/fields/types/richtext-links.png) |
|
|
|
|
|
|
|
|
|
### Liste à puces |
|
|
|
|
|
|
|
|
|
Vous pouvez créer une liste non ordonnée en utilisant`Bulleted list` menu option in the rich text toolbar or by preceding the text with `-``+`ou`*`symbole. |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
- Item 1 |
|
|
|
|
- Item 2 |
|
|
|
|
|
|
|
|
|
+ Item 1 |
|
|
|
|
+ Item 2 |
|
|
|
|
|
|
|
|
|
* Item 1 |
|
|
|
|
* Item 2 |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
* Objet 1 |
|
|
|
|
* Article 2 |
|
|
|
|
|
|
|
|
|
- Objet 1 |
|
|
|
|
- Article 2 |
|
|
|
|
|
|
|
|
|
* Objet 1 |
|
|
|
|
* Article 2 |
|
|
|
|
|
|
|
|
|
:::note |
|
|
|
|
Vous pouvez créer des listes imbriquées en utilisant la touche `Tab` et `Shift + Tab` pour mettre en retrait et en retrait les éléments de la liste. |
|
|
|
|
::: |
|
|
|
|
::: |
|
|
|
|
|
|
|
|
|
### Liste numérotée |
|
|
|
|
|
|
|
|
|
Vous pouvez créer une liste ordonnée en utilisant`Numbered list`option de menu dans la barre d'outils de texte enrichi ou en faisant précéder le texte de`1.`symbole. |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
1. Item 1 |
|
|
|
|
2. Item 2 |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
1. Objet 1 |
|
|
|
|
2. Article 2 |
|
|
|
|
|
|
|
|
|
### Liste de tâches |
|
|
|
|
|
|
|
|
|
Vous pouvez créer des listes de tâches en utilisant`Task list`option de menu dans la barre d'outils de texte enrichi ou en faisant précéder le texte de`[ ]`symbole. Vous pouvez marquer la tâche comme terminée en utilisant`[x]`symbole. |
|
|
|
|
|
|
|
|
|
``` |
|
|
|
|
[ ] Item 1 |
|
|
|
|
[x] Item 2 |
|
|
|
|
``` |
|
|
|
|
|
|
|
|
|
* \[ ] Objet 1 |
|
|
|
|
* \[x] Article 2 |
|
|
|
|
|
|
|
|
|
## Champs de texte similaires |
|
|
|
|
|
|
|
|
|
Voici les autres champs textuels disponibles dans NocoDB, conçus sur mesure pour des cas d'utilisation spécifiques. |
|
|
|
|
|
|
|
|
|
* [Texte sur une seule ligne](010.single-line-text.md) |
|
|
|
|
* [URL](050.url.md) |
|
|
|
|
* [E-mail](030.email.md) |
|
|
|
|
* [Téléphone](040.phonenumber.md) |