moziloCMS Logo Documentation de MoziloCMS
moziloCMS - Le CMS pour les débutants

L'éditeur s'ouvre après avoir cliqué sur l'icône ModifierModifier sur un nouveau niveau qui est placé au-dessus de la zone ADMIN.

Il a trois tâches principales :

  • Modification des pages de contenu – les pages de contenu sont remplies de texte, d’images, de liens, etc. et formatées comme souhaité.
  • Modification des éléments de syntaxe – l'utilisateur peut créer ses propres éléments de syntaxe supplémentaires en utilisant CSS et HTML.
  • Modifier les modèles – cela vous permet de modifier les fichiers HTML et CSS du modèle pour modifier la mise en page du site Web.
Créer du texte

1Écrivez le texte dans la fenêtre de travail ou copiez-le via le presse-papiers.
Les sauts de ligne et les lignes vides insérés avec la touche Entrée apparaissent dans le texte exactement comme ils ont été créés.
Les espaces insérés avec la barre d'espace, même plusieurs à la suite, apparaissent dans le texte exactement comme ils ont été créés.

2La boîte de sélection s'affiche uniquement lors de l'édition du modèle, sinon il est masqué.
Vous trouverez ici tous les fichiers graphiques et CSS qui peuvent être insérés dans le modèle de mise en page.

3Après avoir cliqué sur Enregistrer, les modifications apportées seront appliquées !

En enregistrant, les modifications apportées seront immédiatement visibles sur Internet.
Si cela n'est pas souhaité, le statut de la page dans l'onglet Admin Contenu doit être défini sur "masqué" ou "Brouillon".

4Édition de la page → Accueillir/ Contact5Fermer
😛 😎 😢 😭 😒 🤪 🙂 😄 😬 🤓 🤣 😏 😱 😞 😉 😈 😱 😴 😬 🙏
1
2
3
1Félicitations!
 
Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.
3

4Ouvrir les instructions de l'éditeur

5L'éditeur est fermé sans enregistrer les dernières modifications, une boîte de dialogue apparaît avec un message d'avertissement :

Sauvegarde du contenu
Voulez-vous sauvegarder le contenu maintenant?

Enregistrer = Enregistre le dernier statut et ferme l'éditeur.
Annuler = Annule la fermeture et revient à l'éditeur.
Annuler les changements = Ferme l'éditeur sans enregistrer les dernières modifications.

Formatage du texte à l'aide de l'exemple: Titre

1Sélectionnez l'intégralité du texte à éditer, dans ce cas le titre.

1
2
3
Félicitations!1
 
Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

2En cliquant sur (Titre 1) dans la barre de syntaxe CMS, l'élément de syntaxe est placé autour de la zone sélectionnée.

La même procédure s'applique à toutes les autres commandes de formatage de texte.

2
1
2
3
[ueber1|Félicitations!]
 
Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.
Insérer un élément en utilisant l'exemple: Image

Pour insérer une image à gauche, au début du texte...

1Curseur  endroit où l’image doit être – dans ce cas avant la première ligne de texte.

1
2
3
[ueber1|Félicitations!]
 
1Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

2Dans la barre de syntaxe du CMS, cliquez sur "Image de gauche" cliquez et l'élément de syntaxe permettant d'insérer une image sera placé dans le texte.

2
1
2
3
[ueber1|Félicitations!]
 
[bildlinks|]Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

3Cliquez maintenant sur l'image souhaitée dans la zone de sélection "Fichiers" et le code de l'image apparaîtra dans l'élément de syntaxe.

1
2
3
[ueber1|Félicitations!]
 
[bildlinks|@=Accueillir:mozilo.webp=@]Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

Pour que l'image soit disponible dans la boîte de sélection "Fichiers", elle doit d'abord être téléchargée via l'onglet d'administration "Fichiers".
Les instructions sur la façon de télécharger des fichiers peuvent être trouvées dans le chapitre: Fichiers >

Trouver le début ou la fin d'un élément de syntaxe

1En plaçant le curseur  directement après une parenthèse syntaxique []{} la parenthèse correspondante [   ]   {   } mis en évidence.

1
2
3
1[ueber1|Félicitations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]1Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.
Prévisualiser la page

1Pour vérifier votre travail, cliquez sur Aperçu pour ouvrir une vue de page affichant l'état d'édition actuel.
Il n'est pas nécessaire de le sauvegarder au préalable et éventuellement de le partager sur le Web.

1
Avis

Félicitations!

Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

La fenêtre de travail en détail

1Numérotation des lignes: Masquer la colonne avec la numérotation des lignes.

2Formatage des caractères: Afficher les marques de paragraphe, les espaces ou autres caractères de formatage.

3Sélection du code source: Met en évidence la syntaxe respective des différents textes sources en couleur et améliore ainsi la clarté.

4Taille de police de l'éditeur: Modifie la taille de la police dans la fenêtre de l'éditeur.
(Ceci sert uniquement à soulager les yeux de l'éditeur et n'a aucun effet sur la taille de la police sur le site Web.)

5En arrière/En avant: Pour annuler ou rétablir les modifications.

6Développe/réduit tous les éléments de syntaxe qui s'étendent sur plusieurs lignes.

7Chaîne de recherche: Entrez la chaîne et cliquez cliquez. La position suivante contenant cette chaîne est marquée.
Cliquez à nouveau sur marque la position suivante avec cette chaîne de caractères, etc.
Si la case à cocher "Tous" est activée, toutes les positions où la chaîne de caractères apparaît sont marquées simultanément.

8Remplacer la chaîne: En cliquant sur toutes les chaînes marquées seront remplacées par le texte saisi ici.

12
3
4
56
78
Multi-curseur & extension de marquage

La fenêtre de travail de l'éditeur est si ingénieusement programmée qu'elle autorise n'importe quel nombre de curseurs  et définissez des marqueurs de texte en même temps !
En maintenant enfoncée la touche "Ctrl/Strg" (PC) ou "Commande" (MAC), des curseurs supplémentaires  ou des marqueurs de texte peuvent être ajoutés ou supprimés.

  • Si plusieurs curseurs sont définis, le texte correspondant est inséré à toutes les positions simultanément en le saisissant au clavier.
  • Si plusieurs passages de texte sont marqués, ils peuvent être écrasés simultanément par saisie au clavier
    ou en saisissant du texte dans le champ "Remplacer" 8 et en cliquant sur être remplacé.
  • Pour supprimer un curseur ou une sélection de texte, cliquez sur le curseur correspondant avec le curseur de la souris tout en maintenant enfoncée la touche "Ctrl/Strg" (PC) ou "Commande" (MAC)
    .

Exemple:

1
2
3
[ueber1|Félicitations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]Avec moziloCMS, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par ses fonctionnalités bien pensées. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s’agissait simplement d’utiliser des bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d’une image.

Résultat:

1
2
3
[ueber1|Félicitations!]
 
[bildlinks|@=Willkommen:mozilo.jpg=@]Avec NEUER TEXT, vous disposez d'un système de site Web moderne que ses programmeurs ont créé de manière simple et ingénieuse. Cet éditeur élégant impressionne déjà par son NOUVEAU TEXTE bien pensé. – Si vous pensez maintenant qu’il y a beaucoup de flagorneries ici, alors vous avez absolument raison. Rien de tout cela n’est vrai. Il s'agissait simplement d'utiliser quelques bêtises pour rassembler suffisamment de texte afin de pouvoir afficher le flux de lignes à côté d'un NOUVEAU TEXTE.