IE wysiwyg editor andare a capo

[Sosuke]

ciao a tutti... io uso wysiwyg editor... purtroppo si comporta in due modi diversi con firefox e con explorer.
In poche parole se con firefox scrivo "ciao" e poi vado a capo e scrivo "mamma" la visualizzazione nella text area è la seguente:

ciao
mamma

e il codice html corrisponde a:

ciao
mamma

in explorer invece la visualizzazione è:

ciao

mamma

e il codice html

ciao</p>


mamma</p>

posso fare in modo che anche IE si comporti come firefox???
Grazie per l'aiuto. Ciao!!

[Xinod]

questo e' buttato giu' solo per IE,
in editArea hai il riferimento all' iframe, dopo aver settato il designMode='On', aggiungi questo

if(document.all && !window.opera){
	editArea.document.onkeydown = function () { 
		if (editArea.event.keyCode == 13) {
			var sel = editArea.document.selection;
			if (sel.type == "Control")
			return;

			var r = sel.createRange(); 
			r.pasteHTML("<br \/>");
			editArea.event.cancelBubble = true; 
			editArea.event.returnValue = false; 

			r.select();
			r.moveEnd("character", 1);
			r.moveStart("character", 1);
			r.collapse(false);

			return false;
		}
	}
}

buon divertimento

[Sosuke]

Scusami... ma non ho capito... dove dovrebbe essere questa EditArea...
in wysiwyg.js???
Potresti guidarmi passo passo?? Te ne sarei grato!!!

[Sosuke]

Non mi puoi proprio aiutare??? Scusa se insisto ma è importante...

[Xinod]

ho veramente troppe cose da fare

comunque, dov e' il tuo editor wysiwyg? lascia un link, facci vedere il codice
mettiamo che sia una cosa del genere
http://javascript.html.it/articoli/l...tor-wysiwyg/2/

hai questo

function load(){
   AttivaFrame("editArea").designMode = "On";
}

puo' diventare cosi'

function load(){
   AttivaFrame("editArea").designMode = "On";
if(document.all && !window.opera){
	editArea.document.onkeydown = function () { 
		if (editArea.event.keyCode == 13) {
			var sel = editArea.document.selection;
			if (sel.type == "Control")
			return;

			var r = sel.createRange(); 
			r.pasteHTML("<br \/>");
			editArea.event.cancelBubble = true; 
			editArea.event.returnValue = false; 

			r.select();
			r.moveEnd("character", 1);
			r.moveStart("character", 1);
			r.collapse(false);

			return false;
		}
	}
}

editArea e' l' id dell' iframe
ciao

[Sosuke]

ufff... mi sà che ci siamo fraintesi... non l'ho fatto io l'editor... uso uno già fatto che si chiama proprio wysiwyg editor:

[Xinod]

...
in wysiwyg.js
trova questo

	// Make the iframe editable in both Mozilla and IE
  doc.body.contentEditable = true;
  doc.designMode = "on";

e aggiungi questo dopo

  if(document.all && !window.opera){
	var IEdoc=document.getElementById("wysiwyg" + n).contentWindow;
	IEdoc.document.onkeydown = function () {
		if (IEdoc.event.keyCode == 13) {
			var sel = IEdoc.document.selection;
			if (sel.type == "Control")
			return;

			var r = sel.createRange();
			r.pasteHTML("<br \/>");
			IEdoc.event.cancelBubble = true;
			IEdoc.event.returnValue = false;

			r.select();
			r.moveEnd("character", 1);
			r.moveStart("character", 1);
			r.collapse(false);

			return false;
		}
	}
}

nessuna responsabilita' da parte mia riguardo lo script,
l' ho scritto anni fa e non ho tempo di riguardarlo, altri editor ottengono sicuramente lo stesso risultato in altri modi.

[Sosuke]

Grazie Xinod... sembra funzionare...
grazie e ancora grazie....