Aller au contenu principal

L'éditeur de texte riche intégré à TYPO3 = le RTE = Rich Text Editor

TYPO3 est livré avec CKEditor (ckeditor.com) en tant qu'éditeur de texte riche (RTE) intégré et sophistiqué. Cet éditeur contient toutes les fonctionnalités que l'on peut attendre d'un CMS d'entreprise, et est hautement configurable et extensible pour s'adapter à tous les projets.

D'abord : les fonctions classiques de "traitement de texte"

Exemples d'éléments de contenu textuel enrichi

( ceux de l'image de la page précédente )

Texte continu: texte simple, avec option de gras ou italic ou une combinaison des 2 : gras et italic.

On peut utiliser tous les caractères spéciaux : @ © ® ¢ ¼ ½ ¾ § ± a² m³ Ω π µ γ β α H2O

Les textes en langues étrangères peuvent être mélangés sur une même page.
La police doit cependant être installée sur l'appareil récepteur :

cyrillic: Русская версия
chinois: 中文版
arabe: الْعَرَبيّة

Texte centré

Texte justifié à droite

Styles contextuels : 7 couleurs de texte activables par liste déroulante

Dans la liste déroulante, les couleurs sont identifiées par les mots colorés ci-dessous :

  • Muted

  •      

  • Primary

  •      

  • Secondary

  •      

  • Info

  •      

  • Warning

  •      

  • Success

  •      

  • Danger

  •      

Citation en bloc

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

Aenean ante elit, elementum et, varius ut, condimentum ut, sem. Aenean ante neque, imperdiet sed, ultricies vitae, aliquam dictum, arcu. Aenean arcu est, semper vitae, euismod quis, vehicula eu, risus.

LISTES

Liste à puces:

  • premier niveau
  • premier niveau
    • second niveau
    • second niveau
      • troisième niveau
      • troisième niveau

Liste ordonnée:

  1. premier niveau
  2. premier niveau
    1. second niveau
    2. second niveau
      1. troisième niveau
      2. troisième niveau

LIENS

Vous pouvez insérer des liens internes ( des liens vers des pages de votre propre site ),       des liens externes ( des liens vers d'autres sites )      
ou des liens pour e-mail ( lien qui ouvre le client-mail de l'utilisateur, lorsqu'il est cliqué ).

Vous pouvez aussi styliser ces liens par des icônes, par un choix en liste déroulante :

TABLEAUX

#PrénomNomNom d'utilisateur
1EdouardPeron@peroned
2AurélieMasson@facebook
3DominiqueMartel-De Oliveira@twitter

Mise en forme plus précise du texte avec quelques connaissances basiques de HTML

Ces fonctions sont pourtant activables dans le RTE, mais précisément, dans le bon ordre, sans essai de modification ...

... ce qui est rarement le cas ... d'où des imbroglios inextricables.
Le meilleur remède alors est de développer quelques compétences basiques en HTML.
C'est simple ... très utile ... et très passionnant ...

CONTENU ENCAPSULÉ par la balise <div class="well">

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi.

Nullam cursus lacinia erat. In auctor lobortis lacus. Vivamus consectetuer hendrerit lacus. Pellentesque commodo eros a enim. Suspendisse feugiat.

Praesent vestibulum dapibus nibh. Fusce fermentum. Suspendisse pulvinar, augue ac venenatis condimentum, sem libero volutpat nibh, nec pellentesque velit pede quis nunc.

BLOCS INDENTÉS par la balise <div class="text-indent">

Curabitur nisi. Ut tincidunt tincidunt erat. Nullam sagittis. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Sed fringilla mauris sit amet nibh.

Phasellus dolor. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Donec vitae sapien ut libero venenatis faucibus. In hac habitasse platea dictumst. Ut non enim eleifend felis pretium feugiat.Phasellus a est. Vestibulum volutpat pretium libero. Duis leo. Cras non dolor. Nullam dictum felis eu pede mollis pretium.

Integer tincidunt. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Phasellus accumsan cursus velit. Fusce fermentum. Nullam accumsan lorem in dui.

Double colonnage par la balise <div class="text-column">

Aenean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Etiam rhoncus. Vestibulum ullamcorper mauris at ligula. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Praesent porttitor, nulla vitae posuere iaculis, arcu nisl dignissim dolor, a pretium mi sem ut ipsum.Quisque id mi. Nullam quis ante.  In ac felis quis tortor malesuada pretium.Nulla facilisi. Donec posuere vulputate arcu. Nunc nulla. Quisque ut nisi. Ut id nisl quis enim dignissim sagittis.Phasellus viverra nulla ut metus varius laoreet. Donec mi odio, faucibus at, 

ADRESSE & COORDONNÉES

Formater en texte brut, comme ci-dessous, c'est facile ... activer les automatismes pour smartphone ... on verra dans une autre page

John Doe

Street
Zip & City

+49 1234 456-7890

+49 1234 456-7891

john.doe@example.com

www.example.com

LES BOUTONS : très utiles pour attirer l'œil ...

Fonctions complexes à bien activer par le RTE ... commandables par balise ancre ... : <a class="btn btn-primary" ou autre couleur

dès l'affichage de la PAGE SUIVANTE ⇗     voyez la ligne jaune en haut de page : elle permet de naviguer en ce "tutoriel convivial des éditeurs"
en cliquant "Edito-TUTORIELS", vous revenez à la page initiale "Catégorie_Editeurs-fictifs"
en cliquant "Editeur_1 inscrit le 26 mars", vous revenez à la 1ère page de cet éditeur
cliquer "LE LIEN-Web = infos locales par/pour tous les habitants de Villemer" fait quitter le tutoriel : retour à la page-accueil de Villemer-Habitants.FR