WBCE CMS Forum

WBCE CMS – Way Better Content Editing.

Du bist nicht angemeldet.

#1 09.05.2019 16:10:02

jjsa
Mitglied

[Erledigt] CKeditor und Bilder

Ist es möglich das "Enhanced Image" Plugin zu integrieren ?

Offline

#2 09.05.2019 16:15:02

florian
Administrator

Re: [Erledigt] CKeditor und Bilder

Das scheint der neue Name des Plugins Image2 zu sein, und das lässt sich so aktivieren:

https://forum.wbce.org/viewtopic.php?pid=19980#p19980

Beitrag geändert von florian (09.05.2019 16:15:57)


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#3 09.05.2019 20:19:48

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Ich hatte in der Zwischenzeit festgestellt dass image2 wohl vorhanden ist. Leider ist es Schrott, die Attribute aeight und width werden anstelle von css Attribute verwendet und prozentualle Eingabe werden abgewiesen.
easyimage scheint besser die Anforderungen zu erfüllen, läuft aber nicht unter WBCE,

Offline

#4 09.05.2019 20:34:04

florian
Administrator

Re: [Erledigt] CKeditor und Bilder

ach so. Na, vlt schaut sich das Kollege colinax mal an.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#5 10.05.2019 11:47:09

colinax
Developer

Re: [Erledigt] CKeditor und Bilder

So hab mal geschaut, EasyImage läuft unter WBCE (wenn man es korrekt einbindet), funktioniert aber nicht, da es ein Bezahlservice von CKSource also den Machern des CKEditors ist, dass steht übrigens auch in der Beschreibung von EasyImage.

Nun zum Enhanced Image auch als image2 bekannt, es ist wie bereits gesagt bei uns vorhanden und funktioniert so wie gewohnt, Verbesserungsvorschläge bitte an die CKE Entwickler melden, wir sind dafür die falsche Adresse.

Wenn du uns ein Beispiel nennst wie es aktuell ist und was du haben möchtest (ggf. auch einen Link zur Seite), dann können wir dir warscheinlich auch helfen.

Bitte bedenke dass das ein Texteditor ist und die Anzeige im Backend nicht dieselbe wie im Frontend also auf der Seite ist.

Offline

#6 10.05.2019 15:19:57

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Danke für dieser Antwort. Ich weiss dass Editoren wie CKEditor nicht dass Ei vom Columbus sind. Leider sind die Menschen die Beiträge einstellen kein gerade HTML Spezialisten. Die Beschreibung von EasyImage habe ich wohl nicht gefunden oder unvollständig gelesen. Verbesserungsvorschläge hatte ich bezüglich CKEditor nicht vorgenommen.

Offline

#7 10.05.2019 15:26:28

florian
Administrator

Re: [Erledigt] CKeditor und Bilder

Wenn's um die Platzierung von Bildern neben Text geht, schau Dir mal die Module Wunderblock oder Itemz an.
Denkbar ist auch, ein kleines Droplet zu schreiben, und die Redakteure geben dann nur [[bildmittext?bild=katze.jpg&unterzeile=Es gibt zu wenig Katzenbilder im Internet&platzierung=rechts]] ein.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#8 10.05.2019 16:55:45

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Es geht darum dass ich als html code:

<figure class="links b25">
 <img src="/media/katze.jpg alt="Mangelware">
 <figcaption>Es gibt zu wenig Katzenbilder im Internet</figcaption>
</figure>

Die entsprechende css könnte sein

figure { max-width:100%; display:inline-block;}
figure img { width:100%; height:auto; }
.links { float:left;}
.b25 { width:25%; }
...

Ein Droplet scheint mit nicht intuitiv genug zu sein, mal schauen wie das Problem gelöst werden kann.

Offline

#9 10.05.2019 17:37:10

colinax
Developer

Re: [Erledigt] CKeditor und Bilder

Der html und css Code sieht soweit gut aus, wo ist jetzt das Problem?

Offline

#10 10.05.2019 17:40:59

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Das Problem ist dass ich der Code selbst erzeugen kann, mein Html Editor ist vi, der normaler Anwender dürfte hier überfordert sein und eine Extraschulung ist nötig.

Offline

#11 10.05.2019 17:51:32

colinax
Developer

Re: [Erledigt] CKeditor und Bilder

Verstehe das Problem nicht, Du kannst den Code schreiben, der normale User braucht vom CSS code eh nichts zu wissen und den HTML Code kann man copy/pasten und über den CKE das Bild tauschen, dafür kann man auch image2 verwenden.

Offline

#12 10.05.2019 19:15:09

florian
Administrator

Re: [Erledigt] CKeditor und Bilder

Naja, ich verstehe das Problem schon. Es geht ja nicht darum, ob jjsa das kann, sondern darum, seinen Anwendern das Erstellen eines <figure>-Tags so einfach wie möglich zu machen. Und Copy&Paste-Quellcodegefrickel ist aus Anwendersicht ganz gewiss nicht einfach.
Ich halte ja ein Droplet für vertretbar. Eine andere Option wäre noch, einen Outputfilter bzw. ein anderes Droplet zu programmieren, das den Standard-HTML-Code vom CKE  mit <img alt="bla" title="blub" in <figure umzuwandeln, das ist aber dann schon eine ziemliche RegEx-Herausforderung.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#13 10.05.2019 19:53:02

bernd
Developer

Re: [Erledigt] CKeditor und Bilder

Nur mal kurz überflogen, aber wäre nicht das Media-Widget genau dafür geeignet?


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

Liked by:

florian, colinax

#14 10.05.2019 21:16:51

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

bernd schrieb:

Nur mal kurz überflogen, aber wäre nicht das Media-Widget genau dafür geeignet?

Ich habe schon daran gedacht, viele Dokumentation habe ich noch nicht gefunden, ein Widget müsste ertsellt werden.

Offline

#15 10.05.2019 23:36:40

bernd
Developer

Re: [Erledigt] CKeditor und Bilder

Davon abgesehen das ich deinen letzten Satz nicht wirklich verstehe ?!? hab ich mal bischen mit dem Media-Widget rumgespielt.
Eigentlich ganz simpel.

1. Das Media Widget von hier runterladen und nach /modules/ckeditor/ckeditor/plugins entpacken.

2. Das Api-Plugin von hier runterladen und ebenfalls nach /modules/ckeditor/ckeditor/plugins entpacken.

3. Die Datei modules/ckeditor/include.php mit einem Editor öffnen und in Zeile ~107 die extraPlugins entsprechend ergänzen:

$ckeditor->config['extraPlugins'] = 'ckawesome,codemirror,textselection,wbdroplets,wbembed,wblink,wbsave,wbshybutton,autolink,colorbutton,copyformatting,font,indentblock,justify,lineutils,panelbutton,textmatch,widgetselection,api,media';

Nun sollte ein weiterer Button im CKE erscheinen:
Auswahl_002.png

Im Popup
Auswahl_001.png
Bei Typ Bild auswählen, über Server durchsuchen das gewünschte Bild suchen, und die Ausrichtung festlegen (Anmerkung: "keine" heißt in dem Fall zentriert)

Ergebniss:
Auswahl_003.png

In dem grauen Feld unterhalb des Bildes kann nun direkt die Bildbeschreibung für figcaption eingetragen werden (bleibt diese leer wird auch kein figcaption Tag angelegt).
Auswahl_004.png

Ergebniss im Quelltext:

<figure class="image left"><img src="http://localhost/spielwiese/media/topics-pictures/1.jpg" />
<figcaption>Hier Beschreibung eintragen</figcaption>
</figure>

feddisch!


... nein in Europa verwenden wir beim Programmieren nicht € statt $ ...

Offline

Liked by:

florian, jjsa, colinax

#16 11.05.2019 06:37:15

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Hallo Florian, es scheint genau das gesuchte zu sein, vielen Dank.

Offline

#17 11.05.2019 07:53:44

florian
Administrator

Re: [Erledigt] CKeditor und Bilder

Das passende Plugin hat Bernd gefunden, nicht ich.


Code allein macht nicht glücklich. Jetzt spenden!

Offline

#18 11.05.2019 21:34:47

jjsa
Mitglied

Re: [Erledigt] CKeditor und Bilder

Entchuldigung für das Falschadressieren des Dankes.

Ich habe das Plugin probiert, die Breite wird für das Bild und nicht für figure gesetzt. Damit ist einer prozentuale Breitenangabe nicht möglich Bzw. das Ergebniss entspricht nicht das erwünschtes. Ich muss herausfinden wie es "korrigiert" werden kann.

Offline

Fußzeile des Forums

up