Tipp/Anregung: "Medien durchsuchen" mit Vorschau

[chio]

Wen es - wie mich - nervt, dass die Auflistung der Bilder unter  "Medien durchsuchen" etwas unübersichtlich ist, der kann sich so behelfen:

In "/admin/media/browse.html" -> unterhalb von "<!-- BEGIN list_block -->"

statt:
<a href="{LINK}" target="{LINK_TARGET}">
besser:
<a href="{LINK}" target="{LINK_TARGET}"><img src="{LINK}" width="50" height="50" hspace="6" border="0" />

Für IE kann man auch "width="10%" height="10%" nehmen, dann bleiben die Bilder proportional.

Dadurch werden neben den Bildern quadratische, gestauchte Ansichten gezeigt.
Nachteil: Es sind ja keine echten Vorschauen, sondern die "Originale" und dementsprechend ladeintensiv. Aber man hat die Bilder ohnehin meisten im Cache.
Weiterer Nachteil: Es werden oft "leere Bilder" dargestellt, etwa bei den Ordner-Symbolen oder bei Audio-Dateien.

Die Mankos ließen sich beheben, wenn die Datei browse.php auch Breite/Höhe ausliest und auswertet. Aber dazu kann ich zuwenig php.

[chio]

Jou,
das selbe für den FCK-Editor:

zuständig ist die Datei:
modules/fckeditor/editor/filemanager/browser/default/frmresourceslist.html

ab etwa zeile 49:
oListManager.GetFil eRowHtml = function( fileName, fileUrl, fileSize )


<td width="16"> 16 ändern auf zb 50
kurz später:
'<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"></a>'

ändern zu:
'<img alt="" src="' + fileUrl + '" width="50" height="50" border="0"></a>'

Der 50 ist willkürlich, kann jeder machen wie er will.

Statt den icons tauchen dann quadratische Vorschauen der Bilder auf. Diese sind allerdings nur gestaucht, die Ladezeit erhöht sich deutlich.

[BerndJM]

Hi,

hab das grade mal ausprobiert, ist eine echte Erleichterung, grade bei vielen Digi-Cam Bildern, die ja alle so "aussagekräftige" Namen (P1010009.JPG) haben

Die % Angabe funktioniert übrigens im FF2 (zumindest unter Linux) auch.
Zur Not könnte man aber auch eine Angabe (width oder height) weglassen, ist zwar nicht W3C konform, aber die "Thumbnails" sind dann auch proportional.

Was ich nicht nachvollziehen kann:

Weiterer Nachteil: Es werden oft "leere Bilder" dargestellt, etwa bei den Ordner-Symbolen oder bei Audio-Dateien.

Die Ordnersymbole sind ganz normal vorhanden und bei z.B. Audio-Dateien ist einfach "nix" zu sehen, nur der Dateiname, wie eh und je.

Grüßle Bernd

[chio]

Hallo,

bei z.B. Audio-Dateien ist einfach "nix" zu sehen, nur der Dateiname, wie eh und je.

im IE: Leere Bilder, im FF: keine Bilder.

[BerndJM]

So, dann stricken wir da mal bischen weiter:

in der "browse.html":

Code:

<a href="{LINK}" target="{LINK_TARGET}">{THUMB} {NAME}</a>

die "browse.php" im Array für Directory erweitern mit:

Code:

'THUMB' => ''

und das Array für Files erweitern mit:

Code:

'THUMB' => '<img src="'.WB_URL.MEDIA_DIRECTORY.$directory.'/'.$name.'" width="20%" height="20%" hspace="6" border="0" />'

Damit wäre das "leere Bilder bei Verzeichnissen" Problem schon mal vom Tisch, jetzt müßte man nur noch was basteln für "nur Bilder" und evtl. bei der Gelegenheit gleich noch die Bildgrößen auslesen und proportional runterrechnen.

So weit erstmal
Bernd

[BerndJM]

Update - oder: "das kommt davon, wenn nix gescheites im Fernsehen kommt" 

Die Thumbnails von Grafikdateien (png,jpg,gif,swf) werden jetzt proportional dargestellt, Verzeichnisse haben kein Thumbnail, andere Dateitypen (momentan: pdf,doc,odt,txt,xls,ods,mp3,wav,zip, sowie Video allgemein) werden durch Icons visualisiert.

Im Anhang die geänderte "browse.html" und "browse.php" sowie ein Verzeichnis mit den Icons. Die Icons sind aus einem Iconset einer Linux-Distribution, ich denke, daß man die frei verwenden darf.

Ausprobieren natürlich auf eigene Gefahr! Vielleicht vorher 'ne Sicherheitskopie der beiden Dateien machen 

Grüßle Bernd

[chio]

Hallo Bernd,

leider kommt es dabei zu einem altbekannten Problem auf vielen Servern:

Warning: getimagesize(): URL file-access is disabled in the server configuration in
[..]  /admin/media/browse.php on line 132

[ruebenwurzel]

Hallo,

würde eine funktionierende Lösung gerne in eine der nächsten Wb Versionen integrieren. Gibt es eine Lösung, die auf allen Servern läuft, und die nicht unbedingt die Ladezeiten ewig in die Länge zieht. Vielleicht sollte man (wie bei einigen Modulen) prüfen ob gd libraries laufen, wenn ja, dann thumbnails erzeugen lassen, wenn nein, dann die Lösung wie es bisher war. Mein ihr ihr kriegt das hin?

Matthias

[BerndJM]

Sch .....
Wohl dem der Zugriff auf die php.ini hat

Wenn man die Dateien statt mit "WB_PATH" mit "../.." anspricht, wäre man aus der "URL file-access" Geschichte erst mal raus. Ob das Nebenwirkungen hat ... keine Ahnung, dazu stecke ich noch nicht tief genug in der Materie, vielleicht kann ja ein Insider was dazu sagen?

chio, kannst du das mal testen:

Code:

$bjm_file = str_replace(' ','%20',WB_URL.MEDIA_DIRECTORY.$directory.'/'.$name);

ersetzen durch:

Code:

$bjm_file = '../..'.MEDIA_DIRECTORY.$directory.'/'.$name;

@Matthias:
wenn's nicht grade bis morgen fertig sein muß, kann ich da mal dran bleiben.

Grüßle Bernd

[chio]

Hallo Bernd,
ja, letzteres funktioniert klaglos. 

Als Laie denke ich mal: Wenn man im Medien-Verzeichnis einen Unterordner mit Thumbnails erzeugen könnte, könnte man auch eventuell FCK-Editor so ummodeln, dass er diese zeigt. Letztlich (zumindest geht es mir so) habe ich die Probleme, wenn ich im Editor ein bestimmtes Bild suche, im Medienverzeichnis selbst mache ich nicht viel.

[Funky_MF]

Hi,
für den FCKeditor gibt es bereits ein solches Plugin, hab das in einer Standalone Anwendung des FCK im Einsatz. Müsste eigentlich auch für WB funktionieren, werds mal raussuchen und dann hier posten.

[ruebenwurzel]

Hallo,

Wenn man die Dateien statt mit "WB_PATH" mit "../.." anspricht, wäre man aus der "URL file-access"

Ist das dann noch kompatibel zu allen Möglichkeiten in denen WB installiert ist (root, Unterverzeichnisse ...)

@Matthias:
wenn's nicht grade bis morgen fertig sein muß, kann ich da mal dran bleiben.

morgen nicht, aber vielleicht übermorgen  . Lass dir Zeit, ich bin mehr für ausgereifte funktionierende Lösungen als für Schnellschüsse die man dann aufwendig supporten und fixen muss.

Matthias

[BerndJM]

Hallo Matthias,

Ist das dann noch kompatibel zu allen Möglichkeiten in denen WB installiert ist (root, Unterverzeichnisse ...)

Da bin ich mir ziemlich sicher.
/admin/media ist ja immer fix im Bezug auf / (wo immer das auch sein mag) - immer 2 Verzeichnisebenen "hoch", also ../../ - und Name und Pfad zu /media ist ja komplett in 'MEDIA_DIRECTORY' (egal wohin der Anwender /media verschiebt).

morgen nicht, aber vielleicht übermorgen

o.k, dann arbeite ich halt rückwärts, dann ist es vorgestern schon fertig
Spaß beiseite, ich schau mir die GD-Geschichte mal genauer an, ne Idee, wie's gehen könnte hab ich schon - aber die Umsetzung ...

Grüßle Bernd

[tonicwater]

Jou,
das selbe für den FCK-Editor:

zuständig ist die Datei:
modules/fckeditor/editor/filemanager/browser/default/frmresourceslist.html

ab etwa zeile 49:
oListManager.GetFil eRowHtml = function( fileName, fileUrl, fileSize )


<td width="16"> 16 ändern auf zb 50
kurz später:
'<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"></a>'

ändern zu:
'<img alt="" src="' + fileUrl + '" width="50" height="50" border="0"></a>'

Der 50 ist willkürlich, kann jeder machen wie er will.

Statt den icons tauchen dann quadratische Vorschauen der Bilder auf. Diese sind allerdings nur gestaucht, die Ladezeit erhöht sich deutlich.

Klasse Funktion Chio!

Hat jemand eine Idee wie man die 'index.php' in der Dateiauflistung ausblenden kann?

[Rahya]

Sch .....
Wohl dem der Zugriff auf die php.ini hat

Wenn man die Dateien statt mit "WB_PATH" mit "../.." anspricht, wäre man aus der "URL file-access" Geschichte erst mal raus. Ob das Nebenwirkungen hat ... keine Ahnung, dazu stecke ich noch nicht tief genug in der Materie, vielleicht kann ja ein Insider was dazu sagen?

chio, kannst du das mal testen:

Code:

$bjm_file = str_replace(' ','%20',WB_URL.MEDIA_DIRECTORY.$directory.'/'.$name);

ersetzen durch:

Code:

$bjm_file = '../..'.MEDIA_DIRECTORY.$directory.'/'.$name;

@Matthias:
wenn's nicht grade bis morgen fertig sein muß, kann ich da mal dran bleiben.

Grüßle Bernd

Hallo Leute

soweit klappt alles einwandfrei, nur die Icons werden nicht angezeigt... wenn ich mir dann die Grafikadresse anzeigen lasse, fällt mir auf, dass er z.b. auf eine "info" verlinkt und nicht auf die "info.png"... kann mir jemand helfen? 
Hab schonmal versucht das $name in "png" zu ändern, aber dann werden ja die Vorschaubilder nicht mehr angezeigt... Danke!
Ich finde das snippet genial, danke für Eure Mühen uns das "Kochen" einfacher zu machen

LG Anya

[BerndJM]

Hallo Anya,

ändere mal die Zeile in der der img für die Icons zusammengebaut wird (ist kurz vorm Ende des Schnippsels) so ab:

Code:

$bjm_thumbnail = '<img src="'.ADMIN_URL.'/media/icons/'.$bjm_icon.'.png"
width="64" height="64" style="margin-left: 18px; margin-right: 18px;" border="0"
align="middle" />';

Ist jetzt nur auf die schnelle und nicht getestet, sollte aber funktionieren.

Grüßle Bernd

[Rahya]

nein  leider nicht... hab's auch (kommt ja zweimal vor) bei beiden versucht das ".png" hinterzusetzen, bzw. beim unteren Eintrag ausgeklammert und deinen Code reinkopiert. Leider nimmt er das nicht an... muss irgendwas bestimmtes in php noch dafür aktiviert sein? Der Anbieter bei dem der Auftritt läuft, fährt die allerhöchste Sparflamme mit allem was php "heisst" 

NACHTRAG:

Hab übrigens den "Fehler" gefunden... es ist "mal wieder!" die php-Konfig vom Anbieter *grmpf* hab noch Webspace bei einem anderen Anbieter und da funktioniert das einwandfrei... bloss an welcher Einstellung könnte das nun schon wieder liegen, damit man diese freischalten lassen kann (oder auch nicht *blödegrins*)

[tiesy]

Für den Fckeditor gibt es einen Super-Dateimanager als Plugin (mit Bildvorschau, Bildbearbeitungsfun ktionen, Drap´n Drop, usw.) Das Teil heißt: KFM und kann hier heruntergeladen oder getestet werden: http://kfm.verens.com/using-kfm-as-a-plugin-for-fckeditor

Hat schon mal jemand versucht, das im Fckeditor für WB zu integrieren? Ich habs bisher leider noch nicht zum Laufen bekommen.

[tiesy]

Ich habe an kfm in der "configuration.php"(siehe Anhang) herumgebastelt und es fast zum Laufen bekommen. Die Pfade stimmen zwar, aber ich kann nicht zugreifen wegen "to many connections"-Fehlermeldung. Ich schätze, dass es Probleme gibt, weil kfm auch auf die Mysql-DB zugreift, weiß aber nicht, wie man das lösen soll.

Die Fehlermeldung passiert, wenn ich den "kfm-base-path" ändere in:
$kfm_base_path=WB_URL.'/modules/fckeditor/fckeditor/editor/plugins/';

-->Am Anfang des scripts habe ich die wb-"config.php" eingebunden, um auf die Variablen und die Datenbank zugreifen zu können.

-->Wenn man die Zeile leer lässt, kann man voll über kfm auf den media-Ordner zugreifen, bekommt dann allerdings im Fckeditor nur relative Pfade im WYSIWYG-Editor eingetragen.

Im Grunde ist die Installation von kfm ganz einfach, wenn man WebsiteBaker im Ordner "wb" installiert hat:

1. Änderungen in der configuration.php:
$kfm_userfiles='/wb/media/'; (Zeile 29)
$kfm_userfiles_output='/wb/media/'; (Zeile 42)

2. kfm-Ordner nach "fckeditor/fckeditor/editor/plugins" kopieren
3. in fckconfig.js "FCKConfig.Plugins.A dd('kfm');" eintragen

Schon läuft kfm als Replacement des normalen Filemanagers.  Hat man sein WebsiteBaker im Verzeichnis "wb" installiert, kann man auch auf den Mediaordner zugreifen, uploaden und Bilder im WYSIWYG-Editor einfügen.

Das Problem ist, dass nur relative Pfade eingefügt werden, was natürlich blöd ist. Vielleicht hat ja jemand Lust, damit weiter zu experimentieren oder eine Idee, wie man die Integration im Fckeditor für WB sauber hinbekommt. Für Wordpress und CMSsimple gibts KFM bereits, dann müsste das für WB doch auch irgendwie möglich sein.

Die gesamte angepasste configuration.php findet ihr zum Experimentieren im Anhang, das restliche  KFM-Script gibt es hier: http://kfm.verens.com/using-kfm-as-a-plugin-for-fckeditor.

KFM hat eigentlich alles, was dem Standard-Filemanager vom Fckeditor fehlt: Vorschau, Thumb-Generator, einfache Bildbearbeitungen, Dateivorschau, sogar Editiermöglichkeiten für textbasierte Files und verschieben von Files und Ordner per Drag´n Drop.

Wäre wirklich ein großer Fortschritt, KFM für WB verfügbar zu machen. Ich werde es selbst weiter versuchen, hab aber glaube ich zu wenig Ahnung von Modulprogrammierung und PHP sowieso.

[Luisehahne]

Hallo Matthias,

habe einen  interessanten Filemanager gefunden. Vielleicht lässt der sich irgendwann mal anpassen. Vor allen ist er absolut kostenlos.

Hier mal der Link: http://www.phpletter.com/Our-Projects/Fckeditor-Ajax-File-Manager-Project/

Gruss
Dietmar