Les images sont pas responsives

Ce que tu as mis

Code:

---

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:

---

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 :arf:

:merci:

enfin :D

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:

---

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

---

Je pense avoir trouvé :

Code:

---

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 :resolu:

Citation:

---

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 :mrgreen:

Code:

---

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

---

... devrait simplement être

Code:

---

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.

Citation:

---

Envoyé par 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

Citation:

---

Envoyé par NoSmoking

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

---

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

Citation:

---

Envoyé par NoSmoking

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

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 ?

Citation:

---

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 :aie:

Citation:

---

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

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 :merci:

Citation:

---

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.