Drupal 8 Inline Image mit CKeditor
am 09.06.2018 - 09:22 Uhr in
Hallo miteinander,
ich habe eine Installation mit Drupal 8.5.4 am laufen und soweit funktioniert alles :-) bis auf eines:
Beim erstellen von Seiten möchte ich im Fliesstext Bilder einfügen, also sogenannte Inline-Images. Für das einfügen diesee Bilder benötige ich die Angaben für "hspace", "vspace" und "align". Und genau zu diesem Thema finde ich auch nach Wochen rein gar nichts.
Ich habe nun schon die verschiedensten Modul und auch IMCE getestet, zig Einstellungen probiert...
...ich kann Bilder und auch responsive Bilder einfügen, ich kann deren Ausrichtung einstellen, ich kann auch die Ausrichtung (align) einstellen,
ABER in keinem der Fälle kann ich Angaben zu vspace und hspace beim einfügen von Bildern einstellen.
Ich weis nun nicht ob ich blöde, dumm, unfähig, blind oder eine beliebige Kombination davon bin, aber ich bitte um Hilfe zu diesem mich schon im Schlaf verfolgenden Thema:
- Was für Module (Reihenfolge) benötige ich?
- Wie sind die Einstellung dazu?
Ich freue mich über jede Hilfe und danke schon mal im Vorraus.
Grüße Tom
- Anmelden oder Registrieren um Kommentare zu schreiben

Forum fast tot???
am 10.06.2018 - 16:11 Uhr
Hallo,
kann es sein dass dieses Forum nahezu tot und ungepflegt ist? Ich habe in noch keinem Forum erlebt, dass man im Zeitraum vom 1 1/2 Tagen gar keine Antwort auf ein Thema bekommt?
Auf das ungepflegte und m.E. sogar unsichere Forum deuten auch die beiden Screenshot Ausschnitte hin...???...
Grüße Tom
Um das Forum kümmere ich mich
am 10.06.2018 - 23:11 Uhr
Um das Forum kümmere ich mich eigentlich jeden Tag, aber zu Drupal 8 kann ich mangels Erfahrung wenig sagen.
Moinsen Werner, zu Drupal 8
am 11.06.2018 - 06:07 Uhr
Moinsen Werner,
zu Drupal 8 können hier wohl nur gaaaaaanz wenige was sagen. Auch die Suche nach Drupal 8 Beiträgen ist sehr mühsam, ne Nadel im Heuhaufen findet man schneller...
Ich mag Bilder im Fließtext
am 11.06.2018 - 08:01 Uhr
Ich mag Bilder im Fließtext nicht. Damit kann ein unbedarfter Redakteur die Seite zerschießen. Wenn Du dagegen Paragraphs benutzt, kannst Du Bausteine aufsetzen, die Bild neben Text zeigen. Dann kannst Du, evtl. über Parameter, auch die Größe des Bildes und seine Position bestimmen. Eine zusammengesetzte Seite aus verschiedenen Paragraphen ist sehr flexibel zu bauen und Du als Websitebuilder behältst die Kontrolle über die Bilder. Ist vielleicht eine bessere Lösung.
Benötigst du "hspace",
am 11.06.2018 - 14:39 Uhr
Benötigst du "hspace", "vspace" denn tatsächlich per Bild? Beide Attribute gelten nämlich als veraltetet und es sollte CSS dafür genutzt werden. Ich definiere eigentlich die Abstände um Bilder in Fließtext global per CSS. Bei einem sauberen Layout und gutem Zeilendesign ergibt das zumeist ein ansprechendes optisches Ergebnis.
wla schrieb Ich mag Bilder im
am 12.06.2018 - 05:41 Uhr
Ich mag Bilder im Fließtext nicht. Damit kann ein unbedarfter Redakteur die Seite zerschießen. Wenn Du dagegen Paragraphs benutzt, kannst Du Bausteine aufsetzen, die Bild neben Text zeigen. Dann kannst Du, evtl. über Parameter, auch die Größe des Bildes und seine Position bestimmen. Eine zusammengesetzte Seite aus verschiedenen Paragraphen ist sehr flexibel zu bauen und Du als Websitebuilder behältst die Kontrolle über die Bilder. Ist vielleicht eine bessere Lösung.
Guten Morgen,
und danke für den Tip mit Paragraphs. Das kommt meinen Wünschen schon sehr nahe. Leider habe ich da keine Möglichkeit die Bilder beim einfügen in der Größe so zu ziehen wie ich das gerade brauche.
Ich habe Paragraphs dann auch auf einer D8 Grundinstallation installiert und kann die Bilder tatsächlich nicht beim Text erstellen in der Größe ändern. Paragraphs zwingt mir die Größe auf.
Ich habe dann Paragraphs auf meiner Domain mit Daten und Themes installiert und da funktioniert Paragraphs erstmal nicht. Wenn ich da Text + Bild einfüge erscheint erst das Bild und darunter der Text; also wie im ckeditor... Beim Bild + Text einfügen erscheint erst der Text und darunter das Bild; also auch wie im ckeditor...
Im Zuge der Paragraphs Recherchen bin ich dann auf das Modul Bricks gestoßen. Soll das gleiche machen und tut das auch, mit den gleichen Einschränkungen bei der Bildgröße; ich werde also wieder in Schema gepresst...
Gruß Tom
Zman schrieb Benötigst du
am 12.06.2018 - 05:48 Uhr
Benötigst du "hspace", "vspace" denn tatsächlich per Bild? Beide Attribute gelten nämlich als veraltetet und es sollte CSS dafür genutzt werden. Ich definiere eigentlich die Abstände um Bilder in Fließtext global per CSS. Bei einem sauberen Layout und gutem Zeilendesign ergibt das zumeist ein ansprechendes optisches Ergebnis.
Guten Morgen,
ich liebe hspace und vspace weil ich dann alle meine vorhandenen Bilder (mehrere Tausend) direkt verwenden und den Abstand einfach je nach Bild einstellen kann. Meine Bilder kommen von Herstellern und teils von mir, da sind leider viele Bilder dabei die bis an den Aussenrand gehen und genau hier habe ich den space Angaben alle Freiheiten.
Veraltet muss m.E. nicht schlecht sein...
...aber wie machst Du das mit CSS beim einfügen eines Bildes??? *neugierigguck*
Ich selbst verwehre mich ja nicht gegen andere Arbeitsweisen, nur möchte ich nicht bei jedem Bild im Quelltext rumfieseln, das macht die Seitenerstellung umständlich und kann von absoluten Laien - so sind meine Kunden - nicht wirklich umgesetzt werden.
Grüßle Tom
Was noch beim Bilder einfügen
am 12.06.2018 - 06:10 Uhr
Was noch beim Bilder einfügen mit hspace und vspace hinzukommt ist, dass das dann mit einfachen Seiten und Buch-Seiten funktioniert.
Ich habe hunderte Seiten in Books organisiert, weil nur da (mein Stand heute) habe ich die automatische Navigationserstellung und kann die in einem Block auf der rechten oder linken Seite darstellen.
Auf die Books kann ich auch verzichten, wenn es ein Modul gäbe, welches nach der Seitenstruktur "Untermenüs" aufbaut. Nur habe ich bislang solch ein Modul nicht gefunden.
Ich habe mir wegen dem Aufbau der Pages auch Glazed von Sooperthemes geleistet. Das ist m.E. eine tolle Lösung für den Seitenaufbau, kommt aber Stand heute nicht mit Buchseiten zurecht... Schade...
Gruß Tom
Und schon das nächste Problem
am 12.06.2018 - 06:27 Uhr
Und schon das nächste Problem mit Paragraphs:
ich habe auf der WebSite Adaptive Themes mit dem Themebuilder installiert und ein Sub Theme angelegt und schon passen die Ausgaben von Paragraphs nicht mehr... *grrr*
Zitat: Veraltet muss m.E.
am 12.06.2018 - 09:26 Uhr
Veraltet muss m.E. nicht schlecht sein...
Das stimmt wohl. Allerdings sind die Attribute offiziell in HTML5 nicht mehr unterstützt. Aus diesem Grund werden sie nach und nach aus den verschiedenen WYSIWYG-Editoren (so auch im CKEditor, den Drupal verwendet) rausgeworfen. Der Grund ist, dass davon ausgegangen werden kann, dass irgendwann nicht mehr alle Browser die Attribute unterstützen.
...aber wie machst Du das mit CSS beim einfügen eines Bildes??? *neugierigguck*
Auch diese Option wurde standardmäßig aus dem CKEditor entfernt, so dass sie in Drupal 8 nicht mehr zur Verfügung steht. Mit CSS meinte ich eher Stildefinitionen für Bilder im Fließtext auf globaler Ebene.
Ich verstehe auch deinen Anwendungsfall.
ich liebe hspace und vspace weil ich dann alle meine vorhandenen Bilder (mehrere Tausend) direkt verwenden und den Abstand einfach je nach Bild einstellen kann.
Allerdings ist das auch der Grund, warum die meisten Seiten heutzutage auf fixe globale Abstände oder Stylesets setzen, denn du gehörst vermutlich zu den wenigen, die tausende Bilder manuell nachsetzen wollen :)
Klassen
am 12.06.2018 - 10:27 Uhr
Ich mache für Bilder sowas über das Zuweisen von Klassen.
Mit CKEditor in D8 geht es auch recht pflegeleicht, eine editor.css einzubinden und die verfügbaren Klassen im Textformat zu definieren.
Das geht dann über das Styles Dropdown, und man kann schöne sprechende Namen vergeben
Rat zu veralteten HTML-Attributen wirst du hier nicht so recht finden, wir sind schliesslich cutting edge und up to speed. ;)
Paragraphs geht auch, ist aber je nachdem Overkill.
Wenn du viele Nodes hast und die alle identisch formatiert werden sollen, sollte Paragraphs allerdings die bessere Lösung sein.
Inline Images verstehe ich allerdings so, dass man je nach Fall entscheidet, wie groß das Bild sein soll und ob es rechts oder links oder mittig sein soll.
eigentor schrieb Ich mache
am 15.06.2018 - 05:43 Uhr
Ich mache für Bilder sowas über das Zuweisen von Klassen.
Mit CKEditor in D8 geht es auch recht pflegeleicht, eine editor.css einzubinden und die verfügbaren Klassen im Textformat zu definieren.
Das geht dann über das Styles Dropdown, und man kann schöne sprechende Namen vergeben.
Guten Morgen,
kannst Du mir diese editor.css zukommen lassen? Ich teste nun seit Tagen, komme aber auf keinen grünen Zweig :-(
Grüßle Tom
Das geht über die Anweisung
am 21.06.2018 - 10:59 Uhr
Das geht über die Anweisung ckeditor_stylesheets, wie hier beschrieben:
http://www.drupalthemer.org/blog/drupal-8-how-to-ckeditor-custom-styles
Ist ein bisschen trickreich, da man immer den Browsercache leeren muss (Drupal-Cache nützt nix), damit diese auch angenommen werden.
Aber dann geht das super-fluffig.
Danke für die Info.
am 22.06.2018 - 15:27 Uhr
Danke für die Info. Zwischenzeitlich hat sich das Thema aber erledigt.
Ich habe eine neue 8.5.4 Installation gemacht, diverse Module installiert und dann Adaptivthemes :-), das ganze mit pagemanager, paragraphs, panels... aufgestockt und alles konfiguriert und nun kann ich meine alte WebSite übertragen :-) Und dann werde ich mir wohl noch das Drupal SEO Buch leisten.
Ich hatte zwischendrin mal das Glazed Theme von Sooperthemes getestet (und wieder mal Geld bezahlt...), um dann feststellen zu dürfen, dass das Glazed Theme hübsche Seiten (würde meine Frau so ausdrücken *g*) macht, aber für strukturierte technisch orientierte Seiten mit Books völlig unbrauchbar ist.
Grüßle Tom
Realtime SEO
am 23.06.2018 - 12:12 Uhr
So, zwischenzeitlich habe ich das Realtime SEO Module installiert...
...und bin damit unglücklich: Das Modul funktioniert mit Paragraphs nicht wirklich!
Nicht wirklich bedeutet: Inhalte aus Paragraphs werden in die Bewertung des Realtime SEO nicht mit einbezogen.