Editeur WYSIWYG - Ajouter du HTML à l'iframe

Signaler
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009
-
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009
-
Salut,


J'ai pris un petit editeur wysiwyg sur internet


(Source : http://www.ibilab.net/webdev/exemples/editeur-wysiwyg.htm)


Et je voudrais ajouter du html dans la iframe.


Ici, le texte dans la frame est en Times New Roman, je voudrais qu'il soit en Arial


Merci de votre aide

7 réponses

Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,

c'est simple : iframe.innerHTML+="...";

ton code ressemblera à ça

In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009

Salut,

J'ai rajouté ceci dans la fonction iniEditor() :

    edoc.body.innerHTML+= '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">';
    edoc.body.innerHTML+= '<html xmlns="http://www.w3.org/1999/xhtml">';
    edoc.body.innerHTML+= '<head>';
    edoc.body.innerHTML+= '<style type="text/css">';
    edoc.body.innerHTML+= 'body {';
    edoc.body.innerHTML+= '    font-family: Arial; ';
    edoc.body.innerHTML+= '</style>';
    edoc.body.innerHTML+= '</head>';
    edoc.body.innerHTML+= '';
    edoc.body.innerHTML+= '';
    edoc.body.innerHTML+= '</html>';

Et le problème, c'est qu'au lieu de prendre en compte tout ceci, il m'affiche dans la frame :
body { font-family: Arial; }
Au lieu de prendre en compte l'action

J'y connais pas grand chose en ajax :/ 
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
38
Salut,

c'est pas du tout du tout de l'ajax...

   edoc.body.innerHTML= '<html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css">body {font-family: Arial; } </style> </head></html>';

il te manquait une accolade...

In a dream, I saw me, drop dead... U was there, U cried... It was just a dream, if I die, U won't cry, maybe, U'll be happy

Mon site (articles sur la programmation et programmes)
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009

Ca ne fonctionne quand même pas :(

Résultat : http://www.atriweb.fr/editeur/ (regardez la source... et dites moi ce qui ne va pas)
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
14
B

onjour...
La fonction iniEditor() n'est pas cohérente...tu écris dans edoc.body avant d'être sur qu'il ne soit crée...
Relis bien l'EXCELLENT article sur ibilab.net

;0)
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009

Hum... en fait le problème c'est Internet Explorer !
Ca marche sur Firefox maintenant, mais pas sur Internet Explorer...
Messages postés
171
Date d'inscription
samedi 4 décembre 2004
Statut
Membre
Dernière intervention
31 août 2009

Euh... c'est pas bon du tout en fait ce innerHTML !!
Lorsque j'envoi le formulaire, il m'ajoute également les styles que j'avais ajouté à la frame, dans le message envoyé !
Je voudrais que le style de la frame soit seulement pour la frame !

Une autre proposition ?