CMS Automne

Forum de la communauté du CMS Automne
Nous sommes actuellement le Dim Mai 05, 2024 10:22 am

Le fuseau horaire est UTC [Heure d’été]




Publier un nouveau sujet Répondre au sujet  [ 10 messages ] 
Auteur Message
 Sujet du message: L'éditeur de texte WYSIWYG
MessagePublié: Ven Avr 02, 2010 2:53 pm 
Hors-ligne
Avatar de l’utilisateur

Inscrit(e) le : Mer Mars 10, 2010 6:55 pm
Message(s) : 57
Localisation : Mazamet
Bonjour à tous, :)

Pièce jointe:
outils_WYSIWYG.jpg
outils_WYSIWYG.jpg [ 9.21 Kio | Consulté 58504 fois ]


L'éditeur de texte WYSIWYG sur automne.ws dispose d'un outil fort utile que je ne retrouve pas dans mon installation bien que j'ai créé une barre perso avec tous les outils proposés.

Comment puis-je m'approprier de la chose ?

_________________
Tout va bien ! :)
http://www.lamaisondunet.org/
http://www.reseauk.info


Haut
 Profil  
 
MessagePublié: Ven Avr 02, 2010 4:23 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
L'éditeur utilisé dans Automne est à l'heure actuelle FCKEditor (qui sera remplacé à terme par CKEditor)

La personnalisation de l'éditeur est évoqué succinctement dans la documentation
http://doc.automne.ws/web/Documentation ... script.php

On pourra se référer pour plus de détails à la documentation originale de l'éditeur (en anglais)
http://docs.cksource.com/FCKeditor_2.x/ ... ion/Styles

Si tu veux proposer dans ce menu déroulant une liste de styles déjà déclarés dans les feuilles de styles de ton site, il va te falloir les déclarer dans le fichier de styles de l'éditeur. Ce fichier se nomme editorstyles.xml. Ce fichier est bien sûr éditable dans la gestion des feuilles de style de l'administration d'Automne :)

Pour te donner un exemple, voici le fichier editorstyles.xml employé sur automne.ws

Code :
<?xml version="1.0" encoding="iso-8859-1" ?>
<Styles>
   <Style name="Attention" element="cite" />
   <Style name="Astuce" element="blockquote" />
   <Style name="Code simple" element="code" />
   <Style name="XML Code" element="code">
       <Attribute name="class" value="brush: xml" />
   </Style>
   <Style name="PHP Code" element="code">
       <Attribute name="class" value="brush: php; html-script: true" />
   </Style>
   <Style name="JS Code" element="code">
       <Attribute name="class" value="brush: js; html-script: true" />
   </Style>
</Styles>


Ce n'est pas un exemple à prendre au pied de la lettre car déjà il détourne 2 balises HTML de leur sens initial. D'autres part les autres styles sont ceux qui permettent d'afficher la coloration syntaxique des fichiers.

On pourrait écrire par exemple :

Code :
<?xml version="1.0" encoding="iso-8859-1" ?>
<Styles>
   <Style name="Citation" element="blockquote" />
   <Style name="adresse" element="address" />
   <Style name="Introduction" element="p">
       <Attribute name="id" value="introduction" />
   </Style>
   <Style name="Attention" element="div">
       <Attribute name="class" value="attention" />
   </Style>
   <Style name="Astuce" element="div">
       <Attribute name="class" value="astuce" />
   </Style>
</Styles>


On aura les styles suivants déclarés dans la feuille de style du modèle

Citer:
blockquote {...}
address {...}
p#introduction {...}
div.attention {...}
div.astuce {...}


Ce fichier permet donc de récupérer donc les styles définis dans les feuilles de style du site que ce soit des balises HTML ou des styles liées à des identifiants ou des classes.

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Ven Avr 02, 2010 11:05 pm 
Hors-ligne
Avatar de l’utilisateur

Inscrit(e) le : Mer Mars 10, 2010 6:55 pm
Message(s) : 57
Localisation : Mazamet
Merci Frank pour ta réponse. :)

J'avais justement potassé cette doc ces jours-ci car je suis passé à l'étape "création d'un modèle de page", templates, donc feuilles de styles.

Le malheur, est que mes compétences sont limitées et que j'en sais juste de cet art assez pour bidouiller mes programmes et je rentre de plein pied dans le club parce que Automne ne ce contente pas du copier/coller habituel. 8)

J'en suis à commencer à bricoler mes futurs templates et étudier la façon dont il faut s'y prendre.
Comme la doc n'est pas encore assez prolixe sur le sujet, j'ai inventé et voilà comment je m'y suis pris.

Ayant compris l'histoire des modèles de pages, j'ai examiné la façon dont Automne s'y prends pour appeler les images et présupposé qu'il fallait faire de nouveau répertoires pour les accueillir soit...

/img/demo/common2
/img/demo/interieur2

...par exemple pour une page intérieure basée sur le template actuel et

/css/demo/interieur2.css pour la feuille de style.

Peut-être d'autres mais je ne suis pas encore arrivé jusque là.

Pour mon test pédagogique (auto-formation), je garde la structure d'une page intérieure/demo, repeint les pages existantes et voilà ce que ça donne pour mon premier essai.

http://...

Le lien n'est plus d'actualité. :wink:

Bon, d'accord, c'est pas joli mais ce n'est pas fait pour cela et je suppose qu'il y a une méthode moins artisanale pour arriver à ce résultat. Sans doute que quelqu'un voudra bien m'aiguiller et je suis bien conscient qu'en lisant ceci, les habitués d'ici doivent pousser de gros soupirs. :mrgreen: :D

Citer:
...afin de donner les premières pistes pour ceux qui souhaiteraient intégrer la mécanique d'un template.

C'est la jolie expression que j'ai trouvé sur un topic et je plussoie aussi. :P
http://www.automne.ws/forum/search.php?keywords=plussoie&terms=all&author=&sc=1&sf=all&sk=t&sd=d&sr=posts&st=0&ch=300&t=0&submit=Rechercher

C'est vrai que si vous aviez un template de secours en téléchargement à destination de ceux qui cherchent à comprendre, cela faciliterait la tâche mais bon, je vais continuer à bosser et c'est excellent pour mon éducation.

Pour ce qui est de...
Citer:
Si tu veux proposer dans ce menu déroulant une liste de styles déjà déclarés dans les feuilles de styles de ton site, il va te falloir les déclarer dans le fichier de styles de l'éditeur.


...bien sûr je sèche, et si editorstyles.xml n'a presque plus de secrets pour moi, la déclaration dans les feuilles de styles de mon site d'une liste de styles est opération que je ne sais pas faire bien que j'en imagine le sens.

Mais cela est moins urgent et peut attendre.

L'intallation d'un autre template, par contre....

:)

Ps: Il semble qu'il y ait une erreur dans la doc en fin de page http://doc.automne.ws/web/Documentation/201-gestion-des-feuilles-de-styles-fichiers-javascript.php
Code :
<html>
    <head>
        <atm-css-tags files="/css/common.css,/css/interieur.css" media="all" />
        <atm-css-tags files="/css/print.css" media="print" />
    </head>
    <body></body>
</html>

Il faudrait lire:
Code :
<html>
    <head>
        <atm-css-tags files="/css/demo/common.css,/css/demo/interieur.css" media="all" />
        <atm-css-tags files="/css/demo/print.css" media="print" />
    </head>
    <body></body>
</html>


Comme quoi, quand on observe.... :wink:

_________________
Tout va bien ! :)
http://www.lamaisondunet.org/
http://www.reseauk.info


Dernière édition par Jack81 le Mar Avr 06, 2010 8:57 pm, édité 1 fois.

Haut
 Profil  
 
MessagePublié: Sam Avr 03, 2010 12:09 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Le mécanisme de création de modèles de page d'Automne repose sur les standards préconisés par le W3C, à savoir (X)HTML pour structurer ses informations, CSS pour les styles et la mise en page et Javascript pour ajouter des comportements. Sur ce point Automne ne diffère pas des autres CMS. Ce qu'il lui manque c'est une bibliothèque de modèles.

Jusqu'à présent nous n'avons pas encore adapté de thèmes pour Automne mais c'est quelque chose que nous sommes en train de mettre en place et qui fera l'objet d'un tutoriel.

Pour information, on trouve plein de modèles de pages XHTML/CSS en libre téléchargement qu'il te faudra ensuite d'adapter pour Automne. L'avantage c'est que tu pourras personnaliser un minimum ton site web sans maîtriser totalement XHTML et CSS, qui comme toute technologie demandent pas mal de pratique avant d'acquérir un niveau suffisant pour créer des modèles. Surtout que la compatibilité entre les navigateurs peut-être parfois un vrai casse-tête.

http://www.oswd.org/
http://www.freecsstemplates.org/css-templates/
http://opensourcetemplates.org/
http://cmstemplates.org/

Je pense que commencer par adapter un modèle existant est déjà un bon challenge, qui te permettra de te familiariser avec la syntaxe XML des balises spécifiques à Automne.

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Sam Avr 03, 2010 12:30 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Jack81 a écrit:
Ayant compris l'histoire des modèles de pages, j'ai examiné la façon dont Automne s'y prends pour appeler les images et présupposé qu'il fallait faire de nouveau répertoires pour les accueillir soit...
/img/demo/common2
/img/demo/interieur2
...par exemple pour une page intérieure basée sur le template actuel et
/css/demo/interieur2.css pour la feuille de style.

Pour les modèles de page, Automne va stocker les modèles XML dans /automne/templates/ et les rangées dans /automne/templates/rows/

Pour les fichiers relatifs aux modèles de page (feuilles de style, images et fichiers javascript si besoin) il y a à la racine trois dossiers /img, /css et /js

Si je veux m'y retrouver je peux donc créer des sous-dossiers dans ces répertoires pour regrouper les fichiers relatifs à des modèles.
Ce n'est pas obligatoire c'est juste pour bien ranger ces fichiers.

On pourra donc créer :
/img/modele/ pour stocker les images utilisées dans les feuilles de styles de mon modèle
/css/modele/ pour les feuilles de styles du modèle
/js/modele/ pour les fichiers javascript utilisés par le modèle

Il me semble que rien n'empêche à l'heure actuelle de créer un dossier /themes ou /modeles à la racine de ton serveur et de tout regrouper dans ce dossier;

/themes/modele/img
/themes/modele/css
/themes/modele/js

L'import-export de modèles est encore en étude mais c'est clairement une fonction qui fait encore défaut dans Automne.
Citer:
Citer:
Si tu veux proposer dans ce menu déroulant une liste de styles déjà déclarés dans les feuilles de styles de ton site, il va te falloir les déclarer dans le fichier de styles de l'éditeur.

...bien sûr je sèche, et si editorstyles.xml n'a presque plus de secrets pour moi, la déclaration dans les feuilles de styles de mon site d'une liste de styles est opération que je ne sais pas faire bien que j'en imagine le sens.

Imaginons que tu veuilles proposer un style dans l'éditeur visuel, si tu te contentes de le déclarer dans editorstyles.xml, il apparaitra bien dans le menu déroulant mais pour que ce style soit bien appliqué dans l'éditeur et dans tes pages, il te faut avoir une déclaration correspondante dans ta feuille de style.

Prenons un exemple simple, admettons que j'ai déclaré une classe pour mettre en forme un edito dans la feuille de style de mon modèle :
Code :
p.edito { font-size : 120%; font-weight:bold; padding : 1em; border : 1px solid;}


je devrais alors avoir dans le fichier editorstyles.xml la déclaration correspondante, à savoir

Code :
<Style name="edito" element="p">
  <Attribute name="class" value="edito" />
</Style>


C'est plus clair ?

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Sam Avr 03, 2010 7:48 pm 
Hors-ligne
Avatar de l’utilisateur

Inscrit(e) le : Mer Mars 10, 2010 6:55 pm
Message(s) : 57
Localisation : Mazamet
Cool Frank. Je n'attendai pas de réponses avant lundi. :)

J'ai continué dans l'attente à dépiauter le code (et la doc) et je réalise qu'en effet j'en ais beaucoup à apprendre.
Heureusement, je vais de découvertes en découvertes et les choses s'éclaircissent petit à petit.

Merci pour tes explications qui, si elles ne réponde pas à mon désir immédiat, me donnent de sérieuses pistes (/templates) et sont un bon début pour travailler un style dans l'éditeur visuel.

Ce n'est pas encore tout à fait clair mais je vois poindre les première lueurs de l'aube.

De toutes façons, tu te doute bien que nous sommes loin d'en avoir tout à fait fini. :)

_________________
Tout va bien ! :)
http://www.lamaisondunet.org/
http://www.reseauk.info


Haut
 Profil  
 
MessagePublié: Mer Avr 07, 2010 8:58 am 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Mer Juin 15, 2005 8:28 am
Message(s) : 759
Localisation : Sophia Antipolis
Citer:
Ps: Il semble qu'il y ait une erreur dans la doc en fin de page http://doc.automne.ws/web/Documentation ... script.php


Juste un point à ce propos Jack. Il n'y a pas d'erreur sur le code que tu pointes. Le répertoire demo (manquant dans la doc mais présent sur les modèles de la démo d'Automne), n'est en aucun cas obligatoire.

Ce répertoire demo existe dans la démo uniquement pour signifier à l'utilisateur que les fichiers qu'il contient sont relatifs à la démo. Et donc dans les modèles de la démo, je reprend ce répertoire pour pointer vers ces fichiers.

Maintenant pour n'importe quel autre site, comme l'a dit Frank, tu es libre de structurer le contenu de tes répertoires comme tu le souhaite en fonction de tes besoins. Il faut juste ensuite que dans tes modèles tu reprenne cette structure de répertoires pour appeler tes fichiers.

Seb


Haut
 Profil  
 
MessagePublié: Sam Oct 29, 2011 6:11 pm 
Hors-ligne

Inscrit(e) le : Dim Oct 23, 2011 7:24 pm
Message(s) : 56
Etant à la recherche d'un maximum d'info sur 'automne' j'ai fait des recherches sur ce forum
et j'ai lu pas mal de sujet intéréssant dont celui-ci que je Je fais remonter car tout à fait
intéréssant et qui j'espère est toujours d'actualité ?


Haut
 Profil  
 
MessagePublié: Lun Oct 31, 2011 1:40 pm 
Hors-ligne
Administrateur
Avatar de l’utilisateur

Inscrit(e) le : Jeu Juin 16, 2005 8:05 am
Message(s) : 628
Localisation : Toulouse, France
Oui c'est toujours d'actualité. On conseille toujours de créer un répertoire par site pour les images, les CSS et les JS pour s'y retrouver facilement mais Automne n'impose rien à ce niveau.

Pour les fichiers relatifs à des modules Polymod, on peut choisir de les nommer selon le nom de code du module pour une prise en compte automatique.

Ce qui peut donner donc ce genre d'organisation des fichiers :

Code :
/css/site1/screen.css
/css/site1/handeld.css
/css/site2/screen.css
/css/site2/handeld.css
/css/modules/pnews-screen.css
/css/modules/pnews-handeld.css
/css/modules/pmedia-screen.css
/css/modules/pmedia-handeld.css

/js/site1/jquery-latest.js
/js/site1/jquery.plugin.js
/js/site2/jquery-older.js
/js/site2/jquery-old-plugin.js
/js/modules/pmedia/script.js
/js/modules/pmedia/script.js

/img/image-commune.png
/img/site1/home/
/img/site1/page/
/img/site2/home/
/img/site2/page/


Je donne cette organisation à titre d'exemple, vous êtes libre de choisir l'organisation qui vous convient, soyez simplement conscients des possibilité d'autoload de certains fichiers CSS et JS pour les modules.

Je comprends le besoin d'avoir un tutoriel qui indique comment créer un site sous Automne en partant de zéro. Dès que la 4.2 sera sortie et que les tests et les billets sur les nouvelles fonctionnalités seront publiés, je dégagerais du temps pour commencer un guide pas à pas.

_________________
Frank
http://www.automne-cms.org


Haut
 Profil  
 
MessagePublié: Lun Oct 31, 2011 3:44 pm 
Hors-ligne

Inscrit(e) le : Dim Oct 23, 2011 7:24 pm
Message(s) : 56
Frank a écrit:
Je comprends le besoin d'avoir un tutoriel qui indique comment créer un site sous Automne en partant de zéro. Dès que la 4.2 sera sortie et que les tests et les billets sur les nouvelles fonctionnalités seront publiés, je dégagerais du temps pour commencer un guide pas à pas.


Effectivement ceci est indispensable, car pour ma part je trouve que j'ai passé beaucoup de temps à
comprendre automne, je le touve intéréssant mais pas plus facile que les autres CMS pour insérer ses
propres thémes de page. Son point très fort : c'est le polymodule. Par conte votre réactivité à aider les
nouveaux utilisateurs est vraiment à souligné.


Haut
 Profil  
 
Afficher les messages publiés depuis :  Trier par  
Publier un nouveau sujet Répondre au sujet  [ 10 messages ] 

Le fuseau horaire est UTC [Heure d’été]


Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 20 invité(s)


Vous ne pouvez pas publier de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas insérer de pièces jointes dans ce forum

Recherche de:
Aller vers :  
cron
Powered by phpBB® Forum Software © phpBB Group
Traduit par Maël Soucaze et Elglobo © phpBB.fr