Articles

Les articles sont des conteneurs pour les éléments de contenu. Regrouper les éléments de contenu par article rend le travail plus facile pour déplacer, publier, copier, éditer ou exporter ces éléments ensemble au lieu d'un par un. Chaque article est associé à une page particulière et à une section particulière de cette page, il a ainsi une position fixe dans la structure de site et sur le site internet. Contao peut optionnellement n'afficher qu'une accroche d'article avec un lien "En savoir plus...".

Éléments de contenu

Les éléments de contenu sont un moyen simple et intuitif pour créer du contenu. Au lieu d'utiliser un éditeur de texte riche, Contao fournit un élément distinct pour chaque type de contenu comme les textes, les listes, les tableaux, les liens hypertextes, les images ou les téléchargements. Voici un aperçu des éléments de contenu de base de Contao :

Nom Classe CSS Description
Titre ce_headline Génère un titre (h1 - h6).
Texte ce_text Génère un texte enrichi qui peut être formaté à l'aide de TinyMCE.
HTML - Vous permet d'ajouter du code HTML personnalisé.
Liste ce_list Génère une liste ordonné ou non ordonnée.
Tableau ce_table Génère un tableau qui peut-être trié.
Code ce_code Ajoute la coloration syntaxique sur des extraits de code et les imprime sur l'écran.
Markdown ce_markdown Génère du code HTML à partir d'un texte formaté avec la syntaxe Markdown.
Accordéon (élément seul) ce_accordionSingle Génère un seul élément accordéon (avec MooTools).
Accordéon (début de l'enveloppe) ce_accordionStart Génère l'ouverture du conteneur de l'accordéon.
Accordéon (fin de l'enveloppe) - Génère la fermeture du conteneur de l'accordéon.
Slider de contenu (début de l'enveloppe) ce_sliderStart Génère l'ouverture du conteneur du slider.
Slider de contenu (fin de l'enveloppe) - Génère la fermeture du conteneur du slider.
Lien hypertexte ce_hyperlink Génère un lien hypertexte vers un autre site internet.
Lien vers le haut de page ce_toplink Génère un lien pour retourner en haut de page.
Image ce_image Génère une image.
Galerie d'images ce_gallery Génère une galerie d'images avec effet lightbox.
Vidéo/audio ce_player Génère un lecteur vidéo ou audio.
YouTube ce_youtube Ajoute une vidéo YouTube.
Vimeo ce_vimeo Ajoute une vidéo Vimeo.
Téléchargement ce_download Génère un lien hypertexte vers un fichier à télécharger.
Téléchargements ce_downloads Génère des liens hypertextes multiples vers des fichiers à télécharger.
Contenu d'un article - Insère un autre article.
Élément de contenu (classe parente) Insère un autre élément de contenu.
Formulaire ce_form Insère un formulaire.
Module (classe parente) Insère un module front office.
Accroche d'un article ce_teaser Affiche l'accroche d'un article.
Commentaires ce_comments Ajouter un formulaire de saisie de commentaires à la page.

Contrôle d'accès

Chaque élément de contenu peut être protégé de sorte que seuls les invités ou les membres d'un groupe en particulier puissent le voir sur le site internet.

Contenu Flash

Le contenu Flash est un type particulier de contenu qui n'est pas affiché dans un article sur le site internet mais chargé dans un film Flash dynamique en utilisant "loadVars()". Pour permettre la communication entre Contao et Flash, vous devez ajouter la fonction suivante au frame principal de votre film :

TextField.prototype._loadArticle = function(flashID) {
  tf = this;

  // Autoriser le mode HTML et supprimer le contenu
  tf.html = true;
  tf.htmlText = "";

  // Instancier un nouvel objet LoadVars
  lv = new LoadVars();
  lv["flashID"] = flashID;
  lv.sendAndLoad(URL + "flash.php", lv, "POST");

  lv.onLoad = function(success) {
    if (success) {
      tf.htmlText = lv["content"];
    }
  }
}

// Charger le contenu Flash "myArticle" dans le champ texte "myTextBox"
myTextBox._loadArticle("myArticle");

Importer une feuille de style

Le code ActionScript suivant vous permet d'importer une feuille de style pour formater un champ de texte dynamique :

TextField.prototype._addCSS = function(style_sheet) {
  tf= this;
  tf.styleSheet = null;

  // Instancier un nouvel objet StyleSheet
  st = new TextField.StyleSheet();
  st.load(URL + style_sheet);

  st.onLoad = function(success) {
    if (success) {
      tf.styleSheet = st;
    }
  }
}

// Ajouter la feuille de style "basic.css" au champ texte "myTextBox"
myTextBox._addCSS("basic.css");

Notez que Flash ne prend en charge qu'un petit sous-ensemble de balises HTML, de sorte que certains de vos styles puissent ne pas s'afficher correctement.

results matching ""

    No results matching ""