[Résolu] Modifier Style par défauts tinyMCE

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site : www.reflexions3.be/cmsms
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~ #~ Cms Version: 1.10.3
#~ #~ Installed Modules:
#~ #~ CMSMailer: 2.0.2
#~ #~ CMSPrinting: 1.0
#~ #~ FileManager: 1.2.0
#~ #~ MenuManager: 1.7.7
#~ #~ MicroTiny: 1.1.1
#~ #~ ModuleManager: 1.5.3
#~ #~ News: 2.12.3
#~ #~ Search: 1.7
#~ #~ ThemeManager: 1.1.4
#~ #~ TinyMCE: 2.9.6
#~ #~ Gallery: 1.5.3
#~ #~ FormBuilder: 0.7.2
#~ #~ CGExtensions: 1.29
#~ #~ FrontEndUsers: 1.17.5
#~ #~ CustomContent: 1.8.2
#~ #~ Config Information:
#~ #~ php_memory_limit:
#~ #~ process_whole_template: false
#~ #~ output_compression: false
#~ #~ max_upload_size: 64000000
#~ #~ default_upload_permission: 664
#~ #~ url_rewriting: none
#~ #~ page_extension:
#~ #~ query_var: page
#~ #~ image_manipulation_prog: GD
#~ #~ auto_alias_content: true
#~ #~ locale:
#~ #~ default_encoding: utf-8
#~ #~ admin_encoding: utf-8
#~ #~ set_names: true
#~ #~ Php Information:
#~ #~ phpversion: 5.2.17
#~ #~ md5_function: On (Vrai)
#~ #~ gd_version: 2
#~ #~ tempnam_function: On (Vrai)
#~ #~ magic_quotes_runtime: Off (Faux)
#~ #~ E_STRICT: 0
#~ #~ memory_limit: 128M
#~ #~ max_execution_time: 120
#~ #~ output_buffering: On
#~ #~ safe_mode: Off (Faux)
#~ #~ file_uploads: On (Vrai)
#~ #~ post_max_size: 64M
#~ #~ upload_max_filesize: 64M
#~ #~ session_save_path: /tmp (1777)
#~ #~ session_use_cookies: On (Vrai)
#~ #~ xml_function: On (Vrai)
#~ #~ Server Information:
#~ #~ Server Api: cgi
#~ #~ Server Db Type: MySQL (mysql)
#~ #~ Server Db Version: 5.1.49
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Ecrivez votre question ici.

Rere Bonjour,

Est-il possible de modifier l'affichage des styles par défaut de TinyMCE (pas dans le menu déroulant 'style', mais bien l'autre)? Si oui comment fait-on donc cela?

rereMerci!

Cordialement,
Pierre
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site : www.reflexions3.be/cmsms
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~ #~ Cms Version: 1.10.3
#~ #~ Installed Modules:
#~ #~ CMSMailer: 2.0.2
#~ #~ CMSPrinting: 1.0
#~ #~ FileManager: 1.2.0
#~ #~ MenuManager: 1.7.7
#~ #~ MicroTiny: 1.1.1
#~ #~ ModuleManager: 1.5.3
#~ #~ News: 2.12.3
#~ #~ Search: 1.7
#~ #~ ThemeManager: 1.1.4
#~ #~ TinyMCE: 2.9.6
#~ #~ Gallery: 1.5.3
#~ #~ FormBuilder: 0.7.2
#~ #~ CGExtensions: 1.29
#~ #~ FrontEndUsers: 1.17.5
#~ #~ CustomContent: 1.8.2
#~ #~ Config Information:
#~ #~ php_memory_limit:
#~ #~ process_whole_template: false
#~ #~ output_compression: false
#~ #~ max_upload_size: 64000000
#~ #~ default_upload_permission: 664
#~ #~ url_rewriting: none
#~ #~ page_extension:
#~ #~ query_var: page
#~ #~ image_manipulation_prog: GD
#~ #~ auto_alias_content: true
#~ #~ locale:
#~ #~ default_encoding: utf-8
#~ #~ admin_encoding: utf-8
#~ #~ set_names: true
#~ #~ Php Information:
#~ #~ phpversion: 5.2.17
#~ #~ md5_function: On (Vrai)
#~ #~ gd_version: 2
#~ #~ tempnam_function: On (Vrai)
#~ #~ magic_quotes_runtime: Off (Faux)
#~ #~ E_STRICT: 0
#~ #~ memory_limit: 128M
#~ #~ max_execution_time: 120
#~ #~ output_buffering: On
#~ #~ safe_mode: Off (Faux)
#~ #~ file_uploads: On (Vrai)
#~ #~ post_max_size: 64M
#~ #~ upload_max_filesize: 64M
#~ #~ session_save_path: /tmp (1777)
#~ #~ session_use_cookies: On (Vrai)
#~ #~ xml_function: On (Vrai)
#~ #~ Server Information:
#~ #~ Server Api: cgi
#~ #~ Server Db Type: MySQL (mysql)
#~ #~ Server Db Version: 5.1.49
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Ecrivez votre question ici.

Rere Bonjour,

Est-il possible de modifier l'affichage des styles par défaut de TinyMCE (pas dans le menu déroulant 'style', mais bien l'autre)? Si oui comment fait-on donc cela?

rereMerci!

Cordialement,
Pierre
#2
Hello,

Regarde l'option "Formatage dans "Bloc de texte" :" dans l'onglet "avancé", ça répond peut être à tes besoins ?
#2
Hello,

Regarde l'option "Formatage dans "Bloc de texte" :" dans l'onglet "avancé", ça répond peut être à tes besoins ?
#3
Bonjour,

Merci pour la piste, mais en tant que petit scarabée, je ne trouve pas l'option "Formatage dans "Bloc de texte" :" dans l'onglet "avancé"

Mon problème est que dans le Wiswig de tinyMCE, il affiche bien une gradation dans mes styles H1, H2, H3 et body, mais ça n'est pas la bonne taille de police utilisée sur le site...

Une idée sur la question?

Merci !
#3
Bonjour,

Merci pour la piste, mais en tant que petit scarabée, je ne trouve pas l'option "Formatage dans "Bloc de texte" :" dans l'onglet "avancé"

Mon problème est que dans le Wiswig de tinyMCE, il affiche bien une gradation dans mes styles H1, H2, H3 et body, mais ça n'est pas la bonne taille de police utilisée sur le site...

Une idée sur la question?

Merci !
#4
Utilises-tu bien TinyMce et non MicroTiny ? Si tu n'as pas l'onglet "avancé", c'est peut être que tes droits ne le permettent pas.

Ensuite, pour avoir un style identique entre Tiny et le site, il faut avoir l'option "charger la feuille de style pour le contenu" validée dans ce même onglet "avancé"
Tu peux aussi utiliser le bloc des ajouts à la feuille de styles pour ajouter tes h1, h2.. pour tiny
#4
Utilises-tu bien TinyMce et non MicroTiny ? Si tu n'as pas l'onglet "avancé", c'est peut être que tes droits ne le permettent pas.

Ensuite, pour avoir un style identique entre Tiny et le site, il faut avoir l'option "charger la feuille de style pour le contenu" validée dans ce même onglet "avancé"
Tu peux aussi utiliser le bloc des ajouts à la feuille de styles pour ajouter tes h1, h2.. pour tiny
#5
J'utilise bien tinyMCE et l'option "charger la feuille de style pour le contenu" validée dans ce même onglet "avancé".

J'ai effectivement une hiérarchie dans mon wyswyg mais qui n'est pas identique à mes css du site.

Par souci de cohérence, j'aurai souhaité avoir un aspect approchant.

Si ça va pas, c'est pas très grâve, mais je suis un peu perfectionniste Wink

Cordialement,
Pierre
#5
J'utilise bien tinyMCE et l'option "charger la feuille de style pour le contenu" validée dans ce même onglet "avancé".

J'ai effectivement une hiérarchie dans mon wyswyg mais qui n'est pas identique à mes css du site.

Par souci de cohérence, j'aurai souhaité avoir un aspect approchant.

Si ça va pas, c'est pas très grâve, mais je suis un peu perfectionniste Wink

Cordialement,
Pierre
#6
Ce que j'utilise pour éviter tout problème c'est l'onglet "Styles css". Là tu peux déclarer uniquement les styles que tu veux afficher.

Par exemple, j'ai des règles comme :
Flottant gauche=gauche;
Flottant droite=droite;
Centré=centre;
Bordure=bordure;
Lien zoom=zoom;
Boite info=boite info;
Boite note=boite note;
Boite important=boite important;
Boite attention=boite attention

C'est très pratique !
#6
Ce que j'utilise pour éviter tout problème c'est l'onglet "Styles css". Là tu peux déclarer uniquement les styles que tu veux afficher.

Par exemple, j'ai des règles comme :
Flottant gauche=gauche;
Flottant droite=droite;
Centré=centre;
Bordure=bordure;
Lien zoom=zoom;
Boite info=boite info;
Boite note=boite note;
Boite important=boite important;
Boite attention=boite attention

C'est très pratique !
#7
Pour aller au bout de mon précédent post pour ceux qui veulent en savoir plus :

En déclarant par exemple :
Flottant gauche=gauche;

dans l'onglet "Styles CSS" de TinyMCE, on indique à Tiny d'afficher une ligne "Flottant gauche" dans cette liste déroulante. Un clic sur cette ligne de la liste déroulante aura pour conséquence d'appliquer la classe CSS "gauche" à l'élément sélectionné. Après, il suffit de créer la classe CSS dans une de ses feuilles de styles, par exemple :

Code :
[== CSS ==]
.gauche {float: left; display: block; margin: 0 1em 1em 0}

En espérant que ça puisse être utile à d'autres
#7
Pour aller au bout de mon précédent post pour ceux qui veulent en savoir plus :

En déclarant par exemple :
Flottant gauche=gauche;

dans l'onglet "Styles CSS" de TinyMCE, on indique à Tiny d'afficher une ligne "Flottant gauche" dans cette liste déroulante. Un clic sur cette ligne de la liste déroulante aura pour conséquence d'appliquer la classe CSS "gauche" à l'élément sélectionné. Après, il suffit de créer la classe CSS dans une de ses feuilles de styles, par exemple :

Code :
[== CSS ==]
.gauche {float: left; display: block; margin: 0 1em 1em 0}

En espérant que ça puisse être utile à d'autres
#8
Merci pour les informations Cool

Pierre
#8
Merci pour les informations Cool

Pierre
#9
De rien - Vu que c'est résolu, je ferme le sujet Wink
#9
De rien - Vu que c'est résolu, je ferme le sujet Wink


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)