Problema innerHTML e text area

#11

Cristiano Larghi ha scritto:

Quote:

In data Wed, 5 Jul 2006 12:27:58 +0200, Agostino De Matteis ha scritto:

Il codice dell'immagine vorrai dire, l'immagine non la vedi dato che nella
textarea c'e' solo del testo :-)
temo lui intenda proprio vedere l'immagine :-/ un qualcosa tipo questo:
http://bewebmaster.com/editorjs/

Si intendo proprio vedere l'immagine, all'interno della text area del
web editor, è possibile farlo?
Purtroppo come ho detto prima utilizzando il pasteHTML si può fare
tranquillamente, ma su Firefox il pasteHTML non funziona :-((

#12

Il 5 Jul 2006 02:56:58 -0700, Il_Puntatore ha scritto:

Quote:

un'immagine all'interno della text area, per usare yourtextarea.value,
yourtextarea si riferisce all'id o al nome della text area?

yourtextarea=document.getElementById("idDellaTuaTe xtArea");

Quote:

Ho provato ad usare il value anche con un cursore, inizializzandolo con
window.getSelection, ma anche in questo caso l'immagine purtroppo non
viene inserita nella text area :-(

Il codice dell'immagine vorrai dire, l'immagine non la vedi dato che nella
textarea c'e' solo del testo :-)

Comunque:

im=prompt("image");
imsr="<img src='"+im+"'/>";
var mtxt=document.getElementById("tarea"); // tarea e' l'id della textarea
if(document.selection) { // IE
mtxt.focus( mtxt.caretPos );
mtxt.caretPos = document.selection.createRange().duplicate();
tSel = document.selection.createRange().text;
var text=tSel + imsr;
mtxt.caretPos.text = text;
mtxt.caretPos.moveStart( "character", text.length * -1 );
mtxt.caretPos.select();
return;
} else if(mtxt.selectionStart || mtxt.selectionStart == '0') { // Mozilla
var bPos = mtxt.selectionStart;
var ePos = mtxt.selectionEnd;
var sTop=mtxt.scrollTop;
var myText = (mtxt.value).substring(bPos, ePos);
subst = myText + imsr;
mtxt.value = mtxt.value.substring(0, bPos) + subst +
mtxt.value.substring(ePos, mtxt.value.length);
mtxt.focus();
var cPos=bPos+myText.length;
mtxt.selectionStart=cPos;
mtxt.selectionEnd=cPos;
mtxt.scrollTop=sTop;
} else { // altri appende in fondo
mtxt.value += imsr;
mtxt.focus();
}

'bye

#13

Il Wed, 5 Jul 2006 12:18:48 +0200, Cristiano Larghi ha scritto:

Quote:

Il codice dell'immagine vorrai dire, l'immagine non la vedi dato che nella
textarea c'e' solo del testo :-)
temo lui intenda proprio vedere l'immagine :-/ un qualcosa tipo questo:
http://bewebmaster.com/editorjs/

Cosa decisamente piu' complessa :-) che rimanda agli URL di MIDAS che avevo
postato prima come punto di partenza per studiare la cosa.

Piu' semplice sarebbe l'uso di qualcosa di gia' pronto tipo FCKEDITOR
http://sourceforge.net/projects/fckeditor/
Eventualmente per studiarne il codice e avere un'idea di come funzioni il
tutto, sempre che se ne abbia il tempo dato che lo zip dell'ultima versione
e' di quasi un mega :-)

'bye

#14

Il 5 Jul 2006 03:26:23 -0700, Il_Puntatore ha scritto:

Quote:

Si intendo proprio vedere l'immagine, all'interno della text area del
web editor, è possibile farlo?
Purtroppo come ho detto prima utilizzando il pasteHTML si può fare
tranquillamente, ma su Firefox il pasteHTML non funziona :-((

E' possibile ma non in quel modo, non puoi usare una textarea, e per farlo
crossbrowser devi usare un iframe il cui document viene reso modificabile
tramite la property designMode e usare alcuni metodi del document per
modifitarne il contenuto.

Ti devi leggere un po' di documentazione:

http://developer.mozilla.org/en/docs/Midas
http://developer.mozilla.org/en/docs...ing_in_Mozilla
http://msdn.microsoft.com/workshop/a...commandids.asp

Un esempio sul sito mozilla:
http://www.mozilla.org/editor/midasdemo/

'bye

#15

"Il_Puntatore" <joe.cascarino (AT) gmail (DOT) com> ha scritto nel messaggio
news:1152023044.158653.18610 (AT) m79g2000cwm (DOT) googlegroups.com...
Salve ragazzi, ho un problema con l'utilizzo della funzione innerHTML,
devo eseguire del codice html in una text area, ma quando eseguo
innerHTML il codice html, che in questo caso è un'immagine, la
grandezza della text area prende la dimensione dell'immagine, invece io
voglio che la text area rimanga delle dimensioni da me impostate.
Qualcuno potrebbe aiutarmi a capire dov'è il problema?
Dimenticavo innerHTML può essere usato, solo se l'area di testo è
stata definita in un blocco div?
Comunque per farmi capire meglio posto il codice in questione

<table align="center">
<tr><td>
<input size="140" id="title" name="title" value=""></input>
</td></tr>
<tr><td>
<div id="test"> <textarea name="text" id="text" cols="140" rows="20">
</textarea></div>
</td></tr>
<tr><td>
<input type="text" id="sommary" name="sommary" size="140"
value=""></input>
</td></tr>
<tr><td>
<input type="button" name="inserisci" size="50" value="
Inserisci " onClick="prova();" >
</tr></td>
</table>

<script language="JavaScript">
function prova()
{
var image_src = "<img src=\"" +percorso + "\"
align=\""+allinea+ "\" border=\""+bordo+"\" alt=\""+alt+"\">";
document.getElementById("test").innerHTML =image_src;
}
</script>

tinymce ti inserisce il testo e le immagini
quindi gneri il tuo html in modo corretto
e fin qui si riesce abbastanza bene a gestire la cosa

poi bisogna parsare html da lato server per costruire e-mail
comvertire le immagini in base64 con il cid <----questo nn sono
riuscito a trovare nessuno che ci sia riuscito
appiccicarci allegati

#16

"Agostino De Matteis" <agostino._no_spam_de_matteis (AT) iol (DOT) it> ha scritto nel
messaggio news:w5nblzot65fp$.1m02by57hij2a.dlg (AT) 40tude (DOT) net...

Quote:

Il 5 Jul 2006 03:26:23 -0700, Il_Puntatore ha scritto:

Si intendo proprio vedere l'immagine, all'interno della text area del
web editor, è possibile farlo?
Purtroppo come ho detto prima utilizzando il pasteHTML si può fare
tranquillamente, ma su Firefox il pasteHTML non funziona :-((

E' possibile ma non in quel modo, non puoi usare una textarea, e per farlo
crossbrowser devi usare un iframe il cui document viene reso modificabile
tramite la property designMode e usare alcuni metodi del document per
modifitarne il contenuto.

quindi digli di scaricarsi tiny mce che si sbatte di meno

Quote: