[Problème] Apparence sur le site différente de la pré-visualisation sous JCE

[PhilippeST]

Bonjour,

Je pense que c'est un détail qui m'échappe. Comme dit dans le titre, j'édite un article, je le met en forme. La pré-visualisation me convient mais quand je vois le résultat sur le site, ça ne correspond pas. Même si ça reste propre et correct, la mise en page est vraiment différente. Certaines puces n'apparaissent pas par exemple...

J'utilise le template Basics d chez Favtheme. J'ai lu ici et là que c'était peut-être lié à des feuilles de style... ? Mais je ne parviens pas à comprendre quoi faire. Merci de vos lumières

[pmleconte]

Bonjour,

C'est effectivement lié à la feuille de style de votre template.

Il y a déjà eu une vieille discussion sur ce sujet : https://forum.joomla.fr/forum/joomla...e-editor/page2

Je n'ai pas essayé, mais, je pense que cela doit toujours être d'actualité, même si les liens vers JCE ne fonctionnent plus.

Pascal

[jfque]

Il faut en fait être sûr que JCE, lors de la prévisualisation, utilise le même fichier CSS que celui qu'utilise le template en front end. Cela se règle dans les paramètres généraux de JCE. Celui-ci a un réglage par défaut mais qui ne fonctionne pas avec tous les templates du fait de différence dans le nom ou la localisation du fichier.
Pour une prévisualisation de qualité, vous pouvez aussi utiliser l'extension "Better Preview" de Regular labs. même dans sa version gratuite, elle donne une "vraie" preview de la page. Personnellement, je n'utilise jamais l'onglet "Preview" de JCE (que j'ai d'ailleurs désactivé).

[lefabdu51]

Pour info:
sous tinymce, le paramètre à modifier et à faire pointer sur le fichier user.css ou custom.css du template est le suivant:

"Classes CSS personnalisées".

Les classes crées ou modifiées dans ce fichier sont directement disponible dans l'interface.

[dolmenhir]

Il faut en fait être sûr que JCE, lors de la prévisualisation, utilise le même fichier CSS que celui qu'utilise le template en front end. Cela se règle dans les paramètres généraux de JCE. Celui-ci a un réglage par défaut mais qui ne fonctionne pas avec tous les templates du fait de différence dans le nom ou la localisation du fichier.
Pour une prévisualisation de qualité, vous pouvez aussi utiliser l'extension "Better Preview" de Regular labs. même dans sa version gratuite, elle donne une "vraie" preview de la page. Personnellement, je n'utilise jamais l'onglet "Preview" de JCE (que j'ai d'ailleurs désactivé).

Je confirme, il faut paramétrer JCE pour qu'il s'emploie à utiliser la même feuille de style que celle du template ("Composant > JCE > configuration > style css dans l'éditeur > fichier(s) css personalisé(s)").
Le problème c'est qu'aujourd'hui, rares sont les templates qui n'utilisent qu'une seule feuille css. Du coup, il faut déclarer toutes ces feuilles sinon elles ne seront pas utilisées pour la preview. Mais le rendu ne sera pas toujours correct car renvoyé dans le textarea de l'éditeur.

Pour une prévisualisation de qualité, vous pouvez aussi utiliser l'extension "Better Preview" de Regular labs. même dans sa version gratuite, elle donne une "vraie" preview de la page.

+1
Idem : un must have !

[PhilippeST]

Bonjour et merci pour vos conseils.

Je me demande si le problème n'est pas lié à autre chose chez moi.
Par exemple, certaines puces ne s'affichent pas. (les carrés sont ok, mais pas les cercles par exemple)
Idem pour augmenter ou diminuer un retrait.

Encore une chose, j'ai deux sites. Sur l'un quand j'édite un article je peux faire un clic droit et j'obtiens un menu me permettant de modifier un alignement, un lien, une image, etc... - Sur le second site, toujours dans un article, sous JCE, le clic droit me donne un menu propre à mon navigateur internet (je suis sous chrome souvent)

[dolmenhir]

Encore une chose, j'ai deux sites. Sur l'un quand j'édite un article je peux faire un clic droit et j'obtiens un menu me permettant de modifier un alignement, un lien, une image, etc... - Sur le second site, toujours dans un article, sous JCE, le clic droit me donne un menu propre à mon navigateur internet (je suis sous chrome souvent)

Cela se paramètre dans la configuration des profils JCE > onglet "Barre d'outils" > bas de page "Fonctions supplémentaires"
Tu disposes d'une case à cocher qui active/désactive le menu contextuel.

[PhilippeST]

C'est bien là qu'est mon problème, la case est cochée mais ça ne fonctionne pas. JE me demande si je ne vais ré-installer JCE au propre...

[jfque]

Il me semble avoir eu ce genre de soucis sur le site d'un client récemment. Il s'agissait de profils JCE défectueux (peut-être suite à des passages de la version PRO à la version gratuite). En important un profil provenant d'une installation "propre", tout fonctionnait à nouveau correctement.

[PhilippeST]

Effectivement, il y a un changement en créant un nouveau profil... Mais il reste quelques trucs bizarres. je vais essayer et ré-installer JCE
Merci !