2012-04-10 17 views
5

Ho incontrato un limite con un'operazione abbastanza tipica. Documento semplice: http://i.stack.imgur.com/JNI9v.pngCKEditor Definizione dei margini personalizzati per l'immagine inserita

Come si può vedere, l'immagine ha i margini destro e inferiore. Ma ... il dialogo immagine CKEditor fornisce i parametri di spazio verticale e spazio che influenza insieme a valori gemelli alto-basso o da sinistra a destra e aggiunge top inutili e margini sinistro: http://i.stack.imgur.com/vo3oC.png

Naturalmente, gli utenti non userà il codice puro definisci questo in stile = "..." attributo. Quindi, come consentire agli utenti di inserire immagini come mostrato nella prima immagine? Forse esiste il plugin o la patch di CKEditor ... e proprio non riesco a trovarlo.

+0

ho dovuto risolvere plugin di immagine standard (ckeditor \ plugins \ image \ dialogs \ image.js) per ottenere la funzionalità desiderata. Raggiunto risultato d.pr/cb. Codice completo del plugin qui pastebin.com/cxNy7AP – Stan

+1

Stan, questa è roba buona. Lo applicherei alla mia implementazione in un batter d'occhio. Tuttavia, il tuo collegamento a pastebin sembra essere scaduto. – zacharydl

+0

Vorrei davvero avere anche questo: http://stackoverflow.com/questions/14710084/image-margins-in-ckeditor – Sonny

risposta

2

Un altro, forse anche un modo più semplice, per ottenere quello che vuoi sarebbe utilizzare un set predefinito di stili per le immagini e utilizzare la combinazione "Stili" per applicare una delle classi preselezionate. In questo modo gli stili utilizzati per le immagini potrebbero essere più coerenti.

Per vedere quello che voglio dire è possibile controllare il "Standard" demo - Clicca su un'immagine e nel combo "Stili" selezionare "stili di oggetto -> stile immagine (a destra)"