Discussion :

[NoSmoking]

Ce que tu as mis

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

content_style: 'body { font-family:Verdana,Arial,sans-serif; font-size:1em }; img { max-width: 50%;height: auto; border:4px solid blue}'

ce qu'il aurait fallu mettre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

content_style: 'body { font-family:Verdana,Arial,sans-serif; font-size:1em} img { max-width: 50%;height: auto; border:4px solid blue}'

un ; mal placé qui fait la différence

[laurentSc]

enfin

[laurentSc]

Ca sera parfait quand l'image ne sera plus déformée car si on réduit la page, la largeur s'adapte à la largeur réduite, mais la hauteur ne change pas. Comment faire ? https://pasdpanique.fr/admin-actu-form-maj?id=8

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

content_style: 'body { font-family:Verdana,Arial,sans-serif; font-size:1em } #tinymce img { max-width: 50%;max-height:50%}'

[laurentSc]

Je pense avoir trouvé :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

content_style: 'body { font-family:Verdana,Arial,sans-serif; font-size:1em } #tinymce img { width: 50%;height:50%;}

Si c'est correct, je mettrai en

[NoSmoking]

Ca sera parfait quand l'image ne sera plus déformée car si on réduit la page, la largeur s'adapte à la largeur réduite, mais la hauteur ne change pas.

Normalement cela ne devrait pas le faire.


Mais pourquoi te compliques tu la vie

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

#tinymce img { max-width: 50%;max-height:50%}

... devrait simplement être

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

img { max-width: 50%;height:auto}

... comme déjà précisé.


De plus, je vais ajouter à ton trouble, le mieux serait quand même que tu ais un même fichier pour ton éditeur et pour ta page, c'est d'ailleurs ce que préconise tinyMCE.

Tiny recommends using the same CSS for both the editor and the page where the editor content will be rendered.

• Adding or changing the editor content CSS

[laurentSc]

... comme déjà précisé.

Désolé, ma mémoire très mauvaise fait que j'ai oublié.

De plus, je vais ajouter à ton trouble, le mieux serait quand même que tu ais un même fichier pour ton éditeur et pour ta page, c'est d'ailleurs ce que préconise tinyMCE.

J'essaye de suivre cette recommandation. Ce que je voudrais faire, c'est utiliser l'adressage relatif pour indiquer l'adresse du fichier CSS soit content_style: 'chemin_relatif/style.css'. Mais comment renseigner ce chemin relatif ?

En local :
Si j'affiche l'URL du fichier qui exécute tinymce : http://dev.arnaudpoo.fr/admin-actu-form-maj?id=329
L'URL de style.css est http://dev.arnaudpoo.fr/assets/css/style.css

[laurentSc]

Ce matin, j'ai pensé qu'il était très difficile de faire un adressage relatif, donc je vise un adressage absolu.
J'ai donc mis (en local) content_style: '/assets/css/style.css' avec dans style.css la règle #tinymce img { max-width: 50%;height:auto} mais ça ne lui plait pas vu que l'éditeur ne s'affiche pas (donc l'erreur est dans le js). Quelle est l'erreur, STP ?

[NoSmoking]

Désolé, ma mémoire très mauvaise fait que j'ai oublié.

C'est pour cette raison, entre autres, qu'il vaut mieux traiter qu'un seul sujet par discussion

Quelle est l'erreur, STP ?

content_style	: des règles CSS à appliquer, exemple: "img{max-width: 100%; height: auto;}"
content_css	: une URL vers un fichier style, exemple: "chemin-css/fichier.css"

Rappel du lien :

↪ Adding or changing the editor content CSS

[laurentSc]

Merci,
mettre content_css à la place de content_style , tu m'avais déjà montré le lien, mais j'avais pas fait gaffe...30 secondes pour corriger et mettre en ligne

C'est pour cette raison, entre autres, qu'il vaut mieux traiter qu'un seul sujet par discussion

D'accord avec toi. Je t'envoie un MP pour te donner des détails.