Permanente Bild-Vorschau im Editor
Permanente Bild-Vorschau im Editor
Hallo zusammen,
vor einigen Wochen hatte ich mal in _XH / 4.x mit Tinymce ein Plugin installiert, das mir die Bilder in der Vorschau permanent anzeigte und nicht erst beim Überfahren des entsprechenden Datei-Namens. Kann mir bitte jmd. helfen, welches Plugin dieses kann.
Ganz großen Dank im Voraus!
Gruß
Michael
vor einigen Wochen hatte ich mal in _XH / 4.x mit Tinymce ein Plugin installiert, das mir die Bilder in der Vorschau permanent anzeigte und nicht erst beim Überfahren des entsprechenden Datei-Namens. Kann mir bitte jmd. helfen, welches Plugin dieses kann.
Ganz großen Dank im Voraus!
Gruß
Michael
Re: Permanente Bild-Vorschau im Editor
Hallo Michael,
da kann ich mal wieder nur raten, was Du meinst. Ich denke, Du meinst den Filebrowser im "Bild einfügen Dialog".
Da haben wir das extra so gemacht, damit man nicht so viel scrollen muss, wenn da viele Bilder liegen.
Wenn Du das nicht so haben willst, kannst Du einfach in "./css/core.css" ganz hinten anhängen:
Das musst Du dann aber nach jedem Update neu machen, weil die core.css im Update (CMSimple 4.0 => 4.x.x) enthalten ist,
Gert
da kann ich mal wieder nur raten, was Du meinst. Ich denke, Du meinst den Filebrowser im "Bild einfügen Dialog".
Da haben wir das extra so gemacht, damit man nicht so viel scrollen muss, wenn da viele Bilder liegen.
Wenn Du das nicht so haben willst, kannst Du einfach in "./css/core.css" ganz hinten anhängen:
Code: Select all
/* my adds */
#xhFilebrowser div#files li {
clear: both;
}
a.xhfbfile span, #xhFilebrowser #files ul li a.xhfbfile span {
display: block;
float: right;
border: #aaa 1px solid;
padding: 2px;
background-color: #ddd;
}
Gert
Re: Permanente Bild-Vorschau im Editor
Du meinst vermutlich hi_KCFinder oder Ajaxfilemanager_XH.mhz wrote:vor einigen Wochen hatte ich mal in _XH / 4.x mit Tinymce ein Plugin installiert, das mir die Bilder in der Vorschau permanent anzeigte und nicht erst beim Überfahren des entsprechenden Datei-Namens. Kann mir bitte jmd. helfen, welches Plugin dieses kann.
Mit dem Tipp von Gert klappt's aber auch mit dem Standard-Filebrowser.
Christoph M. Becker – Plugins for CMSimple_XH
Re: Permanente Bild-Vorschau im Editor
Hallo Gert, Hallo Christoph!
Danke Gert, das mit Deinem Code teste ich auch mal später. Das muss ich mir dann gesondert aufschreiben.
Ich hatte vermutlich den KCFinder installiert; den werde ich nachher noch mal testen. Von dem Ajax... lese ich gerade zum 1. Mal.
Gruß
Michael
Danke Gert, das mit Deinem Code teste ich auch mal später. Das muss ich mir dann gesondert aufschreiben.
Ich hatte vermutlich den KCFinder installiert; den werde ich nachher noch mal testen. Von dem Ajax... lese ich gerade zum 1. Mal.
Gruß
Michael
Re: Permanente Bild-Vorschau im Editor
Leider ist die Dokumentation von CMSimple(_XH) nicht die beste. Immerhin gibt es im XH-Wiki einen Artikel zu den Filebrowsern, die bei CMSimple_XH 1.5 eingeführt wurden: http://www.cmsimple-xh.org/wiki/doku.php/de:filebrowser; dort werden die beiden Alternativen auch genannt. Der Vollständigkeit halber sollte auch FileAdm erwähnt werden; der funktioniert aber nur wenn man Dateien->... aufruft, nicht aber aus dem Editor heraus.mhz wrote: Von dem Ajax... lese ich gerade zum 1. Mal.
Christoph M. Becker – Plugins for CMSimple_XH
Re: Permanente Bild-Vorschau im Editor
Danke Gert...
für den Codeschnipsel. Klappt wunderbar. (cmsimple_xh 1.5.7)
Gibts in irgendeiner CSS Datei die Chance die Breite der Vorschaubilder zu ändern?
Ulrich
für den Codeschnipsel. Klappt wunderbar. (cmsimple_xh 1.5.7)
Gibts in irgendeiner CSS Datei die Chance die Breite der Vorschaubilder zu ändern?
Ulrich
Re: Permanente Bild-Vorschau im Editor
Erfreulich.Ulrich wrote:Klappt wunderbar. (cmsimple_xh 1.5.7)

Grundsätzlich ist es nicht entscheidend zusätzliches bzw. geändertes CSS in einer bestimmten CSS-Datei zu definieren. Für den Browser spielt lediglich die Reihenfolge der Regeln eine Rolle (die Reihenfolge, in der die diversen Stylesheets geladen werden, kann man recht gut im HTML-Quelltext der Website einsehen). Darüber hinaus ist die so genannte Spezifität sehr entscheidend. Nur bei Regeln mit gleicher Spezifität spielt die Reihenfolge der Regeln eine Rolle: es wird dann immer die zuletzt definierte genommen. Bei Bedarf kann man Regeln per "!important" forcieren:Ulrich wrote:Gibts in irgendeiner CSS Datei die Chance die Breite der Vorschaubilder zu ändern?
Code: Select all
p {color: red !important}
Code: Select all
#files > ul > li > a > span > img {width: 200px; height: auto}
Wo trägt man nun die Regeln am besten ein? Am besten da, wo sie beim nächsten CMSimple(_XH)-Update nicht überschrieben werden. Verwendet die gesamte Website also immer das selbe Template, und gedenkt man auch nicht, dieses irgendwann zu ändern, dann eben im Template-Stylesheet. Verwendet man mehrere Templates oder möchte sich die Option offen halten ein anderes Template zu verwenden, dann kann man solche CSS-Anpassung im Stylesheet des jeweiligen Plugins oder in css/core.css vornehmen. Diese Dateien werden aber möglicherweise bei einem Software-Update überschrieben. Daher kann man sich auch eine eigene CSS anlegen (z.B. css/my.css), in der man alle individuellen Anpassungen vornimmt. Damit diese Datei auch in der Website verwendet wird, kann man sie in cmsimple/userfuncs.php einbinden:
Code: Select all
$hjs .= tag('link rel="stylesheet" href="' . $pth['folder']['base'] . 'css/my.css" type="text/css"');
Christoph M. Becker – Plugins for CMSimple_XH
Re: Permanente Bild-Vorschau im Editor
Hallo Gert!
Gruß
Michael
Danke, genau das hat hervorragend gut geklappt.Gert wrote:... kannst Du einfach in "./css/core.css" ganz hinten anhängen
Gruß
Michael
Re: Permanente Bild-Vorschau im Editor
Hallo,
in CMSimple 4.2.3 wird man konfigurieren können, ob die Bilder im Filebrowser permanent sichtbar sind oder nur bei mouseover
Die Grösse der Vorschaubilder ist per CSS anpassbar (aber nur in der neuen Version).
core.css:
Habe bei der Gelegenheit gleich mal die Bildanzeige des Filebrowers modernisiert und entschlackt,
Gert
in CMSimple 4.2.3 wird man konfigurieren können, ob die Bilder im Filebrowser permanent sichtbar sind oder nur bei mouseover

Die Grösse der Vorschaubilder ist per CSS anpassbar (aber nur in der neuen Version).
core.css:
Code: Select all
#files a span img {
width: 96%;
max-width: 160px; /* the width of the thumbs / Hier die Grösse der Bilder einstellen */
height: auto;
border: 1px solid #666;
padding: 0;
margin: 6px 0 0 0;
}
Gert
Re: Permanente Bild-Vorschau im Editor
Hallo,
habe mal ein Update CMSimple 4.0 => 4.2.3 beta hochgeladen.
Es gibt 2 neue Konfigurationsmöglichkeiten unter "Filebrowser" in der CMS Konfiguration:
Show_images_permanent: "true" zeigt die Bilder permanent, alles andere wie gehabt (nur bei mouseover)
Maxwidth_of_thumbs: Hier könnt Ihr die Breite der Vorschaubilder in px eingeben.
Das Update funktioniert nur für CMSimple 4, ich biete diese "Preview" aber hier an, weil dieses Thema nun mal hier aufgekommen ist,
freue mich auf Eure Berichte,
Gert
Download: http://www.ge-webdesign.de/downloads/up ... 3_beta.zip
habe mal ein Update CMSimple 4.0 => 4.2.3 beta hochgeladen.
Es gibt 2 neue Konfigurationsmöglichkeiten unter "Filebrowser" in der CMS Konfiguration:
Show_images_permanent: "true" zeigt die Bilder permanent, alles andere wie gehabt (nur bei mouseover)
Maxwidth_of_thumbs: Hier könnt Ihr die Breite der Vorschaubilder in px eingeben.
Das Update funktioniert nur für CMSimple 4, ich biete diese "Preview" aber hier an, weil dieses Thema nun mal hier aufgekommen ist,
freue mich auf Eure Berichte,
Gert
Download: http://www.ge-webdesign.de/downloads/up ... 3_beta.zip