contentEditable

[ganryu]

Salve a tutti. Lavorando ad una interfaccia WYSIWYG ho trovato in giro per la rete un esempio in cui si poteva creare una area editabile semplicemente usando la seguente sintassi:

<div contentEditable="true">some text</div>

La cosa bella è che è possibile inserire in quest'area anche un'immagine, seplicemente copiandola ed incollandola (crea anche i tag img). Ora quello che mi preoccupa è il fatto che un utente potrebbe copiarci anche un'immagine moltog rande, compromettendo il layout dell'appicativo e lo spazio sul server.

Sapreste darmi qualche dritta in merito??

Grazie

[indigoindigo]

Ipotesi...potresti associare un foglio di stile per stabilire le dimensioni esatte (o anche max, ma mi sa che non funge con IE)..oppure usare un js..

nominando il div in qualche modo (es. div#editabile)

avresti:

div#editabile img{

height: ...px;
width: ...px;

}

oppure

div#editabile img{

max-height: ...px;
max-width: ...px;

}

Prova..

ciao

[ganryu]

Grazie per la repentina risposta.
provo subito e ti faccio sapere

[ganryu]

il primo suggerimento che mi hai dato funziona benissimo.

div#editabile img{
height: ..px;
width: ..px;
}
{

il secondo piu' appetibile con IE non funziona purtroppo, sarebbe stato bello, così almeno potevo dare una certa elasticità. Sai indirizzarmi verso qualche direzione per far si che si possano dare delle dimensioni massime per l'altezza e la larghezza ?

[indigoindigo]

Non saprei...

forse con Javascript, ma proprio non me ne intendo!!

[ganryu]

Ti ringrazio di cuore per la disponibilità

[indigoindigo]

Di niente...

mi è venuto in mente..cerca nel forum qualche "hack" per IE relativo a max-height(se tu non lo sapessi gli hacks sono dei "mastruzzi" con i quali fai digerire ad IE quello che non vorrebbe)..