Vincent StartUp
Il est possible de personnaliser la liste des style de l'éditeur html, sans cela, cette liste n'est pas très utile.
Hormis l'activation ou non de certains boutons de l'éditeur via le manage, toutes les autres personnalisations se font via le fichier javascript media/fckconfig/myconfig.js.
Pour modifier la liste des styles, y coller ces 2 lignes :
FCKConfig.EditorAreaCSS = '/media/fckconfig/myownstyles.css' ;
FCKConfig.StylesXmlPath = '/media/fckconfig/fckstyles.xml' ;
Ensuite ajouter les fichers myownstyles.css et fckstyles.xml dans /media/fckconfig/
fckstyles permet de personnaliser la liste des styles de liste déroulante.
myownstyles permet de personnaliser l'affichage de ces styles dans la liste déroulante ainsi que dans l'éditeur via des css.
Voici un exemple de ces 2 fichiers
fckstyles.xml :
myownstyles.css :
Il est possible via le fichier myconfig.js de faire plein d'autres modification à condition de maitriser le fckeditor. Plus d'info sur http://www.fckeditor.net/.
Attention toute modification de la barre d'outil via le manage écrasera le fichier myconfig.js.
Hormis l'activation ou non de certains boutons de l'éditeur via le manage, toutes les autres personnalisations se font via le fichier javascript media/fckconfig/myconfig.js.
Pour modifier la liste des styles, y coller ces 2 lignes :
FCKConfig.EditorAreaCSS = '/media/fckconfig/myownstyles.css' ;
FCKConfig.StylesXmlPath = '/media/fckconfig/fckstyles.xml' ;
Ensuite ajouter les fichers myownstyles.css et fckstyles.xml dans /media/fckconfig/
fckstyles permet de personnaliser la liste des styles de liste déroulante.
myownstyles permet de personnaliser l'affichage de ces styles dans la liste déroulante ainsi que dans l'éditeur via des css.
Voici un exemple de ces 2 fichiers
fckstyles.xml :
<?xml version="1.0" encoding="utf-8" ?> <Styles > <Style name="Normal" element="p"/> <Style name="Titre 2" element="h2" /> <Style name="Titre 3" element="h3" /> <Style name="Couleur page" element="span"> <Attribute name="class" value="couleur_page" /> </Style> <Style name="Couleur rouge" element="span"> <Attribute name="class" value="couleur_rouge" /> </Style> <Style name="Couleur verte" element="span"> <Attribute name="class" value="couleur_vert" /> </Style> </Styles>
myownstyles.css :
.couleur_page{color:#0000BB;} .couleur_rouge{color:#CC0000;} .couleur_vert{color:#00CC00;}
Il est possible via le fichier myconfig.js de faire plein d'autres modification à condition de maitriser le fckeditor. Plus d'info sur http://www.fckeditor.net/.
Attention toute modification de la barre d'outil via le manage écrasera le fichier myconfig.js.
Vincent - StartUp Communication