2010-02-11 5 views
9

qualcuno si è imbattuto in editor di immagini fatto in puro JS, o jQuery - che tipo CKEditor ha?JS/jQuery Image Editor

Sto cercando un pezzo di codice, che aggiunge maniglie all'immagine, in modo da poter ridimensionarlo o persino trascinare l'immagine intorno, come desideri.

Grazie.

Modifica: riformulato.

risposta

2

Sì, ci sono numerosi online. Find here. jCrop è eccezionale e fantastico.

redattori
+0

purtroppo, nessuno di lavoro di cui in questo modo come in CKEditor, grazie per provare però:] –

1

Il modo come la TinyMCE e CKEditor fanno è come questo

<div contenteditable="true" id="div1"> 
    <img src="tache17.jpg" /> 
</div> 
<a href="javascript:alert(document.getElementById('div1').innerHTML)">gimme html</a> 

E 'una cosa che non è una cosa del browser JS. Ovviamente posizionando l'immagine nel div e facendo div il contenuto di Edit è fatto con JS ma le maniglie di ridimensionamento di cui si sta parlando sono generate dal browser.
Nota non ho ancora testato questo in qualcosa di diverso da Firefox

+0

le maniglie in sé non sono il problema più grande ... il problema è come ridimensionare inplace immagini. .. forse dovrei riformulare nuovamente la mia domanda? –

+0

Se provi il codice sopra, vedrai che l'avviso ti consente di sapere di quale dimensione è attualmente l'immagine (se è stata ridimensionata). È possibile utilizzare questa tecnica e non è necessario alcun JS. – meouw