WBCE Home | WBCE Hilfe | WBCE Addon Repository | Impressum | Datenschutz

WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

You are not logged in.

#1 30.03.2017 20:57:15

ronja
Member

[Erledigt] Bildgrößen im CKE

Hallo,

mir ist heute bei der Verwendung folgendes aufgefallen.
Ich füge ein Bild ein, möchte dies nicht in der Originalgröße ausgeben, editiere die Größe, hinterlege den Link zum original großem Bild (colorbox style).
Sobald ich mir den Quelltext ansehe bzw. auch beim Speichern verschwindet die editierte Größe des Bildes komplett.
Wenn ich den Editor umstelle funktioniert es einwandfrei.

LG Ronja

Offline

#2 31.03.2017 10:04:51

ronja
Member

Re: [Erledigt] Bildgrößen im CKE

Sorry für Doppelpost, aber ich glaube mein Beitrag ist etwas unter gegangen ...
Kann mir bitte jemand damit helfen? Dankeschön!
_________________________________________


Hallo,

mir ist heute bei der Verwendung des Editors folgendes aufgefallen.
Ich füge ein Bild ein, möchte dies nicht in der Originalgröße ausgeben, editiere die Größe, hinterlege den Link zum original großem Bild (colorbox style).
Sobald ich mir den Quelltext ansehe bzw. auch beim Speichern verschwindet die editierte Größe des Bildes komplett.
Wenn ich den Editor umstelle funktioniert es einwandfrei.

LG Ronja

Offline

#3 31.03.2017 10:09:43

colinax
Developer

Re: [Erledigt] Bildgrößen im CKE

ronja wrote:

Sobald ich mir den Quelltext ansehe bzw. auch beim Speichern verschwindet die editierte Größe des Bildes komplett.

Hi Ronja, das ist so gewollt, also ein Feature und kein Bug.

Diese Änderung ist schon seit CKE 4.5.11 vorhanden.

Das Verhalten lässt ich aber deaktivieren, wenn es sein muss.


LG Colinax

Offline

Liked by:

ronja

#4 31.03.2017 10:20:43

florian
Projektmanagement und Support WBCE CMS

Re: [Erledigt] Bildgrößen im CKE

@Ronja
...Etwas ausführlicher: Wenn - wie in den vorherigen Versionen - absolute Pixelwerte für die Größe der Bilder eingefügt werden, führt dies bei responsive Webdesign zu Problemen. Auch ist es hinsichtlich Ladezeiten/Datenvolumen sinnvoll, die Bilder physikalisch in der Größe, in der sie verwendet werden sollen, vorzuhalten, anstatt sie im Browser zu verkleinern.

Du kannst aber CSS-Styles anlegen, z.B.

.previewimage100 {
	max-width:100px;
	height:auto;
}

.previewimage200 {
	max-width:200px;
	height:auto;
}

.previewimage300 {
	max-width:300px;
	height:auto;
}

und diese im Stylesheet Deines Templates sowie der editor.css des Templates hinterlegen.

De Bild weist Du dann die gewünschte Klasse zu, dann wird es verkleinert dargestellt.

Offline

Liked by:

ronja

#5 31.03.2017 10:32:01

ronja
Member

Re: [Erledigt] Bildgrößen im CKE

Hallo Ihr zwei, danke.
Ich selbst würde das ja auch nie so machen, aber die Kunden möchten halt Ihre Bilder selber einpflegen und haben nur eine Bildgröße, die erst klein, dann mit colorbox vergrößert dargestellt werden kann. An dem Web ist leider nichts responsive und derzeit auch noch nicht erwünscht.

Ich würde das Verhalten deshalb für diesen Kunden gern abschalten, wenn das möglich ist.

LG Ronja

Offline

#6 31.03.2017 10:40:00

colinax
Developer

Re: [Erledigt] Bildgrößen im CKE

Um das Verhalten zu deaktivieren, gehe über FTP in das Verzeichnis module/ckeditor/ckeditor/ da gibt es eine Datei namens config.js öffne diese und suche nach folgenden Code und lösche diesen einfach:

CKEDITOR.on('instanceReady', function (ev) {
ev.editor.dataProcessor.htmlFilter.addRules( {
        elements: {
            $: function (element) {
                // Remove width and height style rules from images
                if (element.name == 'img') {
                    var style = element.attributes.style;
                    if (style) {
                        // Get the width from the style.
                        var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec(style),
                            width = match && match[1];
                        // Get the height from the style.
                        match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec(style);
                        var height = match && match[1];
                        if (width) { element.attributes.style = element.attributes.style.replace(/(?:^|\s)width\s*:\s*(\d+)px;?/i, ''); }
                        if (height) { element.attributes.style = element.attributes.style.replace(/(?:^|\s)height\s*:\s*(\d+)px;?/i, ''); }
                    }
                }
                if (!element.attributes.style)
                    delete element.attributes.style;
                return element;
            }
        }
    });
});	

Wenn du die Developer Edition verwendest gibt es neben  module/ckeditor_dev/ckeditor/ noch eine zweite Datei unter module/ckeditor_dev/wb_config/ namens wb_config.js wo ebenfalls der oben stehende Code gelöscht werden muss.

Last edited by colinax (31.03.2017 10:41:39)

Offline

Liked by:

ronja, meetje

#7 31.03.2017 20:07:02

ronja
Member

Re: [Erledigt] Bildgrößen im CKE

Herzlichen Dank colinax!

Offline

Liked by:

colinax

#8 17.05.2017 12:57:03

andy2k
Member

Re: [Erledigt] Bildgrößen im CKE

Vielen Dank smile


Rock 'n' Roll - WBCE

Offline

#9 13.06.2017 12:04:10

meetje
Member

Re: [Erledigt] Bildgrößen im CKE

This doesn't work in Chrome / Vivaldi
Herzlichen Dank,  in Chrome oder Vivaldi geht's nicht.

Jemand eine Lösung? Responsive geht so kaum. Ich weiss vom CSS aber das ist zu rigide. In WebsiteBaker  gehts schon.

You are not allowed to post links yet. Please post without links, an administrator will enable this function for you. This is just to avoid spam postings

Offline

#10 13.06.2017 12:32:06

florian
Projektmanagement und Support WBCE CMS

Re: [Erledigt] Bildgrößen im CKE

Hast Du den Cache geleert? Chrome lädt sonst weiterhin die JavaScript-Dateien mit dem eigentlich gelöschten Code.

Du kannst jetzt auch Links setzen, aber ob und was bei WebsiteBaker funktioniert, ist hier irrelevant.

Last edited by florian (13.06.2017 12:32:26)

Offline

#11 13.06.2017 12:51:27

meetje
Member

Re: [Erledigt] Bildgrößen im CKE

Danke, das war's.
(Ich wolte nur helfen, sorry  ops )

Offline

#12 13.06.2017 14:43:51

florian
Projektmanagement und Support WBCE CMS

Re: [Erledigt] Bildgrößen im CKE

Kein Ding. Das war nicht so böse gemeint, wie es klang bzw. sich las.

Irgendwie ist dieses Thema ein Dauerbrenner. Ist es perspektivisch denkbar, das irgendwie anders und auch updatesicher zu lösen? Eventuell über eine zusätzliche Auswahl bei den Grundeinstellungen? Da wird ja immer noch die komplett sinnfreie WYSIWYG-Stil-Einstellung mitgeschleift, das könnte doch evtl. durch eine Auswahl CKEDitor-Bildgrößen-Option ersetzt werden? (Ja, ich weiß, das ist inkonsistent, falls es mal andere WYSIWYG-Editoren als Module geben sollte)

Offline

#13 02.08.2017 20:02:20

foxlake
Member

Re: [Erledigt] Bildgrößen im CKE

Hello Colinax,

Do you have a method (code) to do the following with the configJS  from ckeditor ?

- Remove only the height
- Leave the 'locker' open / empty
- Leave the width

That will be nice,   the  AUTO  in the responsive template will keep the width/height relation
So with only the width as setting in the 'html' insert we can resize images when we want. (on a big screen / sometimes needed)

Thank you in advance.
Greetings, Niek

Offline

#14 04.08.2017 12:29:54

colinax
Developer

Re: [Erledigt] Bildgrößen im CKE

Hello Niek,
If I have understood you correctly, is what you want so not possible.

The reason why we remove the height and width from the images is that we want to have responsive images so that they work properly in responsive templates. Without this code, the embedded via the editor pictures are not responsive

For me it sounds as if your template is not responsive or has problems with the adaptability.


Can you tell me your website so I can look at it?

LG Colinax

Offline

#15 16.09.2017 08:57:10

maier-tech
Member

Re: [Erledigt] Bildgrößen im CKE

Hallo zusammen,

warum ist das gewollt, dass man ein Bild nicht skalieren kann. Das macht manchmal durchaus Sinn, ein Bild nicjt in der Originalgröße anzuzeigen. Und wenn das im Frontend schon möglich ist, dann sollte man das nicht einfach über irgendein Skript verschwinden lassen.

Viele Grüße,

Klaus

Offline

Liked by:

foxlake

#16 16.09.2017 09:29:17

florian
Projektmanagement und Support WBCE CMS

Re: [Erledigt] Bildgrößen im CKE

Hallo Klaus,

bitte lies Dir diesen Thread durch, dort findest Du sowohl Antworten auf Deine Frage als auch Hinweise, wie Du das vorherige Verhalten wieder herstellen kannst.

Offline

Board footer

Powered by FluxBB

up