Discussion :

[spy74]

bonjour,

j'essaye de crée un addon jquery permettant de crée une iframe éditable ( un éditeur WYSIWYG ) cependant je pense que le problème ne vien pas de jquery.
(déja traité ici )
Voici mon problème :
Le code marche sur tous les navigateurs sauf firefox
surement du à : contentWindow.document.designMode = "on";
voici le code du plugin

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
(function($) {
 
	$.fn.tagName = function() {//fonction de rajout a jquery.
	      return this.get(0).tagName.toLowerCase();
	};
 
	$.fn.lemonEditor = function() {
 
		var gEditor = this; //élément Editor
		// $.print_r(gEditor);
		var tagName = $(gEditor).tagName();
		if(tagName!="div"){
			/* Affichage d'une erreur */
			$.YRnote({type:'err',msg:"l'obj <b>"+$(this).attr("id")+"</b> n'est pas une div."});
		}else{
			/* Paramètre par défaut */
			var docId = "edit";		
			var doc = $("<iframe/>",{
				id:docId 
			});
 
			gEditor.addClass("E_lemontEditor"); //Ajoute du CSS
 
			gEditor.html(doc);					//Création de l'iframe
 
			$("#edit").ready(function() { 
 
				Iframe=$("#edit").get(0);			//Ciblage de l'iframe
				Iframe.contentWindow.document.designMode = "on"; //activation du mode éditable
				try {
					Iframe.contentWindow.document.execCommand("undo", false, null); //test du mode éditable
				  }  catch (e) {
				    alert("Editeur non suporter par le navigateur");
				}
 
			});
		}
 
		return this; //fuilditer
	};
 
})(jQuery);

vous trouverez en pièce jointe l'intégralité du code test.

merci d'avence pour votre aide.

[Bovino]

Voici mon problème :
Le code marche sur tous les navigateurs sauf firefox

avec une explication aussi claire du problème, ça va être facile de t'aider

[spy74]

c'est justement parce-que le problème me semble aberrant !
ha oui quand je dit marche c'est-à-dire que le contenu de l'iframe devient étitable et qu'il est possible d'écrire du texte à l'intérieur.
Et donc ça marche sur Opera IE9 Safarie Chrome.
et ça ne marche pas sur firefox

[ornitho13]

Salut,

après avoir fait une recherche sur Google, tu trouveras ton bonheur en 2eme résultat. Voici le lien:

http://corpocrat.com/2008/07/22/a-si...in-javascript/

l'article (en anglais) explique comment le faire avec Firefox

Et voici également un autre lien expliquant le designMode sous Firefox (sur mozilla.org)

http://www.mozilla.org/editor/ie2midas.html

++

[spy74]

merci pour ces doc ... je les utilisait mais il y a un petite erreur viseuse dedans.
bon voila j'ai trouvé enfin ^^ on ma aider on peut pas le deviner xD

donc voila la solution :
au lieu de faire :

Code :

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

document.getElementById("rte").contentWindow.document.designMode = "On";

il faut faire

Code :

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

1
2
 
document.getElementById("rte").contentDocument.designMode = "On";

voila voila résolu