Discussion :

[merou19]

Bonjour à tous,

Dans un formulaire, j'ai un champ avec CKEditor, où j'aimerai changer la couleur de fond.
Ce champ géré par CKEditor est dans un iframe, qui contient une page html.
Dans l'inspecteur de Firefox, je vois bien mes éléments : iframe puis document puis html puis body puis le texte que je saisi dans ce champ, avec sa mise en forme.

J'ai cherché dans tous les sens :
D'après ce que j'ai trouvé, qui peut être faux, on ne peut pas faire ce changement en css uniquement.
Donc je tente depuis des jours en Jquery, sans succès.

Mon code me semble cohérent :

Code :

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

1
2
3
$(document).ready(function(){
    $("iframe").contents().find("body").css("background-color", "red !important");
});

Dans mon iframe, je vais dans le contenu, je cherche la balise body et lui mets une couleur de fond.
Mais ça ne marche pas !

Vous voyez une coquille dans mon code ?
Vous avez des idées ?
Ou vous avez plus simple ?

Merci d'avance pour votre aide !

[mathieu]

avez vous essayé de rajouté une balise "link rel=stylesheet" au code html envoyé à l'éditeur ?

[merou19]

Merci pour vos indications, je n'y avais pas pensé, je vais voir ça...

En attendant, j'ai une question svp : Je voudrais poster le code généré par CKEditor, afin que vous voyez plus concrètement mon problème.
Mais quand je sauvegarde ma page, ça me met le html et le code javascript de CKEditor, et pas le html généré.
Pourtant je vois ce html dans l'inspecteur de Firefox.
Savez vous comment je peux le sauvegarder ?

Merci d'avance.

[merou19]

Bon, voici au moins une capture d'écran de l'inspecteur de Firefox :



Et dans la ligne body dans l'iframe, j'ai background-color à fff, que je veux changer.
J'ai essayé en css, au niveau de beaucoup de classes, mais sans succès.

Merci à nouveau pour votre aide !

[merou19]

Bon, après 3 jours de prise de tête, solution trouvée ici : https://stackoverflow.com/questions/...r-for-ckeditor

Je mets ce sujet en résolu :-)