Auf Thumbnails zugreifen

User avatar
Edi
Site Admin
Posts: 1544
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Sun Mar 17, 2019 10:48 am

Was genau möchtest Du? Eine Seite mit Thumbnails aller Bilder?
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
thorben76
Jr. Bludit
Posts: 9
Joined: Sat Mar 31, 2018 7:49 pm

Sun Mar 17, 2019 11:14 am

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

Sun Mar 17, 2019 2:01 pm

Ich verstehe das Problem leider immer noch nicht... Du kannst ja mit dem direkten oder indirekten Pfad auf jedes Bild zugreifen.
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
kohbarg
Jr. Bludit
Posts: 8
Joined: Tue Jun 11, 2019 11:36 am

Tue Jul 16, 2019 12:54 pm

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: 1544
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Tue Jul 16, 2019 1:22 pm

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
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
kohbarg
Jr. Bludit
Posts: 8
Joined: Tue Jun 11, 2019 11:36 am

Tue Jul 16, 2019 9:43 pm

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
Jr. Bludit
Posts: 8
Joined: Tue Jun 11, 2019 11:36 am

Wed Jul 17, 2019 4:29 pm

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