Startseite
  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche
Startseite › Forum › Drupalcenter.de › Allgemeines zu Drupal ›

Drupal 8 Inline Image mit CKeditor

Eingetragen von TomTom7 (17)
am 09.06.2018 - 09:22 Uhr in
  • Allgemeines zu Drupal
  • Drupal 8.x oder neuer

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

‹ Eine Multisite auf https umleiten [gelöst] Videos einbetten vom eig.Server ›
  • Anmelden oder Registrieren um Kommentare zu schreiben

Forum fast tot???

Eingetragen von TomTom7 (17)
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

AnhangGröße
_forum-1.jpg 82.97 KB
_forum-2.jpg 23.57 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

Um das Forum kümmere ich mich

Eingetragen von wla (9461)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Moinsen Werner, zu Drupal 8

Eingetragen von TomTom7 (17)
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...

  • Anmelden oder Registrieren um Kommentare zu schreiben

Ich mag Bilder im Fließtext

Eingetragen von wla (9461)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benötigst du "hspace",

Eingetragen von Zman (185)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

wla schrieb Ich mag Bilder im

Eingetragen von TomTom7 (17)
am 12.06.2018 - 05:41 Uhr
wla schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zman schrieb Benötigst du

Eingetragen von TomTom7 (17)
am 12.06.2018 - 05:48 Uhr
Zman schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Was noch beim Bilder einfügen

Eingetragen von TomTom7 (17)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Und schon das nächste Problem

Eingetragen von TomTom7 (17)
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*

  • Anmelden oder Registrieren um Kommentare zu schreiben

Zitat: Veraltet muss m.E.

Eingetragen von Zman (185)
am 12.06.2018 - 09:26 Uhr
Zitat:

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.

Zitat:

...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.

Zitat:

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 :)

  • Anmelden oder Registrieren um Kommentare zu schreiben

Klassen

Eingetragen von eigentor (1424)
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.

AnhangGröße
2018-06-12_1123.png 35.81 KB
  • Anmelden oder Registrieren um Kommentare zu schreiben

eigentor schrieb Ich mache

Eingetragen von TomTom7 (17)
am 15.06.2018 - 05:43 Uhr
eigentor schrieb

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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Das geht über die Anweisung

Eingetragen von eigentor (1424)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Danke für die Info.

Eingetragen von TomTom7 (17)
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

  • Anmelden oder Registrieren um Kommentare zu schreiben

Realtime SEO

Eingetragen von TomTom7 (17)
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.

  • Anmelden oder Registrieren um Kommentare zu schreiben

Benutzeranmeldung

  • Registrieren
  • Neues Passwort anfordern

Aktive Forenthemen

  • für drupal11 ein Slider Modul
  • [gelöst] W3CSS Paragraphs Views
  • Drupal 11 neu aufsetzen und Bereiche aus 10 importieren
  • Wie erlaubt man neuen Benutzern auf die Resetseite zugreifen zu dürfen.
  • [gelöst] Anzeigeformat Text mit Bild in einem Artikel, Drupal 11
  • Social Media Buttons um Insteragram erweitern
  • Nach Installation der neuesten D10-Version kein Zugriff auf Website
  • Composer nach Umzug
  • [gelöst] Taxonomie Begriffe zeigt nicht alle Nodes an
  • Drupal 11 + Experience Builder (Canvas) + Layout Builder
  • Welche KI verwendet ihr?
  • Update Manger läst sich nicht Installieren
Weiter

Neue Kommentare

  • melde mich mal wieder, da ich
    vor 1 Tag 1 Stunde
  • Hey danke
    vor 1 Tag 20 Stunden
  • Update: jetzt gibt's ein
    vor 2 Tagen 14 Stunden
  • Hallo, im Prinzip habe ich
    vor 1 Woche 18 Minuten
  • Da scheint die Terminologie
    vor 1 Woche 3 Stunden
  • Kannst doch auch alles direkt
    vor 1 Woche 4 Tagen
  • In der entsprechenden View
    vor 1 Woche 4 Tagen
  • Dazu müsstest Du vermutlich
    vor 1 Woche 4 Tagen
  • gelöst
    vor 4 Wochen 22 Stunden
  • Ja natürlich. Dass ist etwas,
    vor 4 Wochen 1 Tag

Statistik

Beiträge im Forum: 250233
Registrierte User: 20449

Neue User:

  • Mroppoofpaync
  • 4aficiona2
  • AppBuilder

» Alle User anzeigen

User nach Punkten sortiert:
wla9461
stBorchert6003
quiptime4972
Tobias Bähr4019
bv3924
ronald3857
md3717
Thoor3678
Alexander Langer3416
Exterior2903
» User nach Punkten
Zur Zeit sind 0 User und 14 Gäste online.

Hauptmenü

  • » Home
  • » Handbuch & FAQ
  • » Forum
  • » Übersetzungsserver
  • » Suche

Quicklinks I

  • Infos
  • Drupal Showcase
  • Installation
  • Update
  • Forum
  • Team
  • Verhaltensregeln

Quicklinks II

  • Drupal Jobs
  • FAQ
  • Drupal-Kochbuch
  • Best Practice - Drupal Sites - Guidelines
  • Drupal How To's

Quicklinks III

  • Tipps & Tricks
  • Drupal Theme System
  • Theme Handbuch
  • Leitfaden zur Entwicklung von Modulen

RSS & Twitter

  • Drupal Planet deutsch
  • RSS Feed News
  • RSS Feed Planet
  • Twitter Drupalcenter
Drupalcenter Team | Impressum & Datenschutz | Kontakt
Angetrieben von Drupal | Drupal is a registered trademark of Dries Buytaert.
Drupal Initiative - Drupal Association