2012-04-10 5 views
5

Ich traf ein Limit mit ziemlich typischen Betrieb. Einfaches Dokument: http://i.stack.imgur.com/JNI9v.pngCKEditor Definieren von benutzerdefinierten Rändern für das eingefügte Bild

Wie Sie sehen können, hat Bild rechten und unteren Rand. Aber ... CKEditor Bild Dialog bietet VSpace und HSpace Parameter, die Einfluss zusammen zu Top-Bottom oder Links-Rechts-Doppel Werte und fügt unnötige oberen und linken Rand: http://i.stack.imgur.com/vo3oC.png

Natürlich Benutzer nicht reine Code verwenden, um Definieren Sie dies im Attribut style = "...". Wie können Benutzer Bilder einfügen, wie im ersten Bild gezeigt? Vielleicht existiert CKEditor Plugin oder Patch ... und ich kann es einfach nicht finden.

+0

Ich hatte Standard Bild-Plugin zu beheben (ckeditor \ plugins \ image \ dialogs \ image.js) um die gewünschte Funktionalität zu erhalten. Erreichtes Ergebnis d.pr2cBs erreicht. Vollständiger Plugin-Code hier pastebin.com/cxNy7AP – Stan

+1

Stan, das sind gute Sachen. Ich würde dies sofort auf meine Implementierung anwenden. Ihr Pastebin-Link scheint jedoch abgelaufen zu sein. – zacharydl

+0

Ich hätte das auch gern: http://stackoverflow.com/questions/14710084/image-margins-in-backeditor – Sonny

Antwort

2

Ein anderer, vielleicht sogar einfacherer Weg, um zu erreichen, was Sie wollen, wäre die Verwendung eines vordefinierten Satzes von Stilen für Bilder und die Verwendung der "Styles" -Kombination, um eine der vorgewählten Klassen anzuwenden. Auf diese Weise können die Stile für Bilder konsistenter sein.

Um zu sehen, was ich meine Sie die "Standard" demo überprüfen - klicken Sie auf ein Bild und in der „Styles“ Combo wählen Sie „Objektstile -> Styled Bild (rechts)“

Verwandte Themen