Auf Thumbnails zugreifen

User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Was genau möchtest Du? Eine Seite mit Thumbnails aller Bilder?
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
thorben76
Ssr. Bludit
Posts: 11
Joined: Sat Mar 31, 2018 7:49 pm

Moin, ich möchte in jedem Beitrag (Seiten, statisch, etc.) Zugriff auf die Thumbnails - zwecks Galerie - haben ... danke.
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

Ich verstehe das Problem leider immer noch nicht... Du kannst ja mit dem direkten oder indirekten Pfad auf jedes Bild zugreifen.
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
kohbarg
Sr. Bludit
Posts: 33
Joined: Tue Jun 11, 2019 11:36 am
Has thanked: 2 times
Been thanked: 2 times

Ich häng mich da mal ran.

Gibt es die Möglichkeit (Einstellung?) beim Bilderupload in der Seitenleiste bei Einfügen, das Vorschaubild und nicht das Originalbild in den Editor einzufügen?
Ich muss jetz immer händisch "/thumbnails' in den Bilder-Link eintragen, nicht sehr komfortabel.
Eine Auswahl im Bildbrowser wäre top.
User avatar
Edi
Site Admin
Posts: 3120
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Has thanked: 54 times
Been thanked: 77 times
Contact:

kohbarg wrote: Tue Jul 16, 2019 12:54 pm Gibt es die Möglichkeit (Einstellung?) beim Bilderupload in der Seitenleiste bei Einfügen, das Vorschaubild und nicht das Originalbild in den Editor einzufügen?
Nein, diese Möglichkeit gibt es derzeit nicht.
Eine Auswahl im Bildbrowser wäre top.
Verbesserungsvorschläge können gerne auf GitHub gemacht werden:

https://github.com/bludit/bludit/issues

Dort wird übrigens derzeit auch die Roadmap für Bludit 4 diskutiert:

https://github.com/bludit/bludit/issues/1057
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
kohbarg
Sr. Bludit
Posts: 33
Joined: Tue Jun 11, 2019 11:36 am
Has thanked: 2 times
Been thanked: 2 times

Nein, diese Möglichkeit gibt es derzeit nicht.
Ok, ich hab für mich die media.php aufgebohrt und eine Zeile hinzugefügt:
Falls jemand Interesse hat, ca. Zeile 116 die Tabelle um ein Feld Vorschau erweitert.

Code: Select all

'<a href="#" class="mr-3 text-secondary" onClick="editorInsertMedia(\''+thumbnail+'\'); closeMediaManager();"><i class="fa fa-plus"></i><?php $L->p('Insert') ?>-Vorschau<\/a>'+
Ist natürlich nicht update-fest;-((
Verbesserungsvorschläge können gerne auf GitHub gemacht werden:
Mein English ist nicht so wirklich gut, mal sehen ob ich das erklären kann.
kohbarg
Sr. Bludit
Posts: 33
Joined: Tue Jun 11, 2019 11:36 am
Has thanked: 2 times
Been thanked: 2 times

Ist natürlich nicht update-fest;-((
Gefällt mir nicht und ich habe jetzt eine andere Lösung für mich gefunden.

Meine Bilder sollen alle als Vorschau eingebunden werden und mit einer Lightbox zu betrachten sein, ausserdem haben sie alle einen Realnamen.

Ich habe also das tinymce-Plugin so modifiziert, das nur - wie bisher - der filename für das Originalbild übergeben wird und daraus mache ich mir dann den entsprechenden html-String für den Editor.

Falls jemand Interesse hat, hier mal mein Code:

Code: Select all

	// Insert an image in the editor at the cursor position
	// Function required for Bludit
	function editorInsertMedia(filename) {
 /* Bildnamen ermitteln, Bindestriche entfernen und in Grossbuchstaben wandeln */
      let pathparts = filename.split("/");                        // filename aufsplitten bei "/"
      let img = pathparts.pop();                                  // letztes Element holen
      let imgparts = img.split(".");                              // Bild aufsplitten bei "."
      let imgname = imgparts[0].replace(/-/gi," ").toUpperCase(); //erstes Element, "-" entfernen und gross

      let thumbdir = "thumbnails/";                               // thumbs-Ordnername im Dateisystem
      let url_body = filename.slice(0, -img.length);              // filename um den Bildnamen kürzrn
      let thumbpath = url_body+thumbdir+img;                      // Pfad zum thumbs-Ordner zusammenstellen
 /* der komplette String mit link/src/alt - attribut */
      let myhtml = "<a href=\""+filename+"\"><img src=\""+thumbpath+"\" alt=\""+imgname+"\">";

		tinymce.activeEditor.insertContent(myhtml);
 	}
Man könnte hier dann auch noch das rel-attribut und ein data-title einbauen, brauch ich aber nicht.

Edit (code berichtigt): Das abschliessende </a> war zuviel, das macht der Editor.
User avatar
Torsten_Kelsch
Legend Bludit
Posts: 263
Joined: Thu Aug 27, 2015 10:24 pm
Location: Germany
Has thanked: 4 times
Been thanked: 2 times
Contact:

Hm, eine weitere Möglichkeit wäre es, die von Bludit erzeugten Thumbnails zu ignorieren und am heimischen PC die Bilder in normaler und zusätzlich in Thumbnail-Größe zu erstellen und entsprechend zu benennen, z. B. meinschoenesbild.jpg und meinschoenesbild-thumbnail.jpg. Ich lade dann alles per FTP hoch in ein Verzeichnis meiner Wahl. Eine Lightbox-Galerie lässt sich ganz von Hand erstellen, ohne den Code verändern zu müssen.
On Error GoTo Bed
svhas
Jr. Bludit
Posts: 4
Joined: Sun Jan 05, 2020 1:22 pm

Komfortablere Variante, wäre die Bilder mittels PHP aus dem Ordner auslesen und ausgeben zu lassen. Dann musst du nicht jedes Bild einzeln in deinem Beitrag einfügen.
Post Reply