Dokumentation DeDi-Flex
Aus DeDi-Help
| Version vom 02:05, 5. Dez. 2004 (bearbeiten) Mika (Diskussion | Beiträge) (→Moduldokumentation zu DeDi-Flex 0.68) ← Zum vorherigen Versionsunterschied |
Aktuelle Version (11:22, 6. Okt. 2009) (bearbeiten) (Entfernen) Eppi (Diskussion | Beiträge) |
||
| (Der Versionsvergleich bezieht 21 dazwischen liegende Versionen mit ein.) | |||
| Zeile 1: | Zeile 1: | ||
| + | ''DeDi-Flex - Version 0.68'' | ||
| - | == Moduldokumentation zu DeDi-Flex 0.68 == | ||
| - | '''Frontend''' ''(Erscheinungsbild und Mglichkeiten auf der Seite)'': | + | == '''Backend''' ''(Konfiguration im Template)'': == |
| - | [[Bild:Dediflex_0.68_04_elemente.png]] | + | ---- |
| + | [[Bild:Dediflex_0.68_01.png]] | ||
| - | DeDi-Flex zeichnet - wie sein Name schon sagt - aus, dass verschiedene sog. Elemente, /n | ||
| - | welche ber Elementgruppen definiert werden, frei ber ein Dropdownmen auf einer Seite | ||
| - | eingefgt werden knnen. | ||
| + | DeDiFlex 0.68 enthält folgende Konfigurationsbereiche: | ||
| - | Im Frontend erscheint das Modul zunchst als +-Zeichen. Klickt man auf das +-Zeichen | ||
| - | ffnet sich ein Dropdownmen. Dieses Dropdownmen enthlt Content-Elemente wie z. B. | ||
| - | ein einzeiliges Textfeld oder den Wysiwyg-Editor. Dem Redakteur/Admin ist es mglich | ||
| - | mehrere Elemente untereinander in unterschiedlicher, frei whlbarer Reihenfolge, einzufgen. | ||
| - | [[Bild:Dediflex_0.68_02_einfg_menue.png]] | + | '''Schriftart {font1-5}:''' |
| + | Es können 5 Schriftarten ausgewählt werden, die von den Elementgruppen verwendet <br> | ||
| + | werden können. Voraussetzung hierfür ist ein in ein Layout eingebundenes Stylesheet. | ||
| - | Zunchst erscheint lediglich eine leere Bearbeitungszeile ohne Inhalt. Diese Zeile enthlt: | ||
| + | ''CSS-Typ muss stimmen'' | ||
| - | '''Up- und Down-Button:''' [[Bild:Dediflex_0.68_07_button_up.png]][[Bild:Dediflex_0.68_06_buttons_down.png]] | + | Bitte beachten, dass die CSS-Elemente der Schriftdefinition als CSS-Typ "Klasse" deklariert <br> |
| - | Verschiebt Elementgruppe jeweils um eins nach oben bzw. unten. | + | werden müssen, da Sie sonst nicht in dem Auswahlmenü angezeigt werden. Als Beispiel sei hier <br> |
| + | auf die CSS-Klasse ".Arial_12px" aus der Standard-CSS-Datei vewiesen. Der Punkt vor dem <br> | ||
| + | sog. "Selektor" wird automatisch mit angegeben, wenn Sie bei selbst definierten Stylesheets <br> | ||
| + | in "Design > Stylesheet > CSS-Regel bearbeiten" bei "CSS-Typ" in dem Dropdownfeld "Klasse" auswählen. | ||
| - | '''Edit-Button:''' [[Bild:Dediflex_0.68_08_button_edit.png]] | + | ''{font1-5} mittel class in HTML-Tag einbinden'' |
| - | ffnet bei Klick den Editier-Modus des jeweiligen Elements. | + | |
| + | Die Einbindung der Schriftarten erfolgt weiter unten bei den Elementgruppen. Sie benötigen <br> | ||
| + | hier HTML-Tags, die es Ihnen ermöglichen, die CSS-Klasse einzubinden. Ein Beispiel soll das <br> | ||
| + | verdeutlichen: | ||
| - | '''Lschen-Button:''' [[Bild:Dediflex_0.68_09_button_garbage.png]] | ||
| - | Lscht nach Besttigung das jew. Element. | ||
| + | ''Beispielbeschreibung'' | ||
| + | Sie möchten gerne ein einzeiliges Textfeld als Content-Element für Überschriften verwenden. <br> | ||
| + | Sie definieren in der eingebundene CSS-Datei eine gefettete Schrift. Diese speichern Sie als <br> | ||
| + | Klasse ".Fett" ab. Sie wählen in DeDi-Flex als Schriftart "{font1}" diese Klasse ".Fett" aus. <br> | ||
| + | Als nächsten Schritt wechseln Sie mit dem Cursor in das Konfigurationsfeld der 1. Elementgruppe. <br> | ||
| + | Die Standardeinstellung ist hier der Eintrag "{text}" und steht für die Elementgruppe <br> | ||
| + | "Einzeiliges Textfeld". Sie können die Klasse wie folgt einbinden: | ||
| - | '''Backend''' ''(Konfiguration im Template)'': | ||
| - | [[Bild:Dediflex_0.68_01.png]] | + | ''Code-Beispiel'' |
| + | <pre><p class="{font1}">{text}</p> oder: | ||
| + | <div class="{font1}">{text}</div> oder: | ||
| + | <span class="{font1}">{text}</span> ...</pre> | ||
| - | DeDiFlex 0.68 enthlt folgende Konfigurationsbereiche: | ||
| - | '''Schriftart {font1-5}:''' | + | '''Template-Beschriftung ausgeben:''' |
| - | Es knnen 5 Schriftarten ausgewhlt werden, die von den Elementgruppen verwendet | + | Der Eintrag in dem Feld "Name" der jeweiligen Elementgruppe wird mit ausgegeben |
| - | werden knnen. Voraussetzung hierfr ist ein in ein Layout eingebundenes Stylesheet. | + | |
| - | Bitte beachten, dass die CSS-Elemente der Schriftdefinition als CSS-Typ "Klasse" deklariert | ||
| - | werden mssen, da Sie sonst nicht in dem Auswahlmen angezeigt werden. Als Beispiel sei hier | ||
| - | auf die CSS-Klasse ".Arial_12px" aus der Standard-CSS-Datei vewiesen. Der Punkt vor dem | ||
| - | sog. "Selektor" wird automatisch mit angegeben, wenn Sie bei selbst definierten Stylesheets | ||
| - | in "Design > Stylesheet > CSS-Regel bearbeiten" bei "CSS-Typ" in dem Dropdownfeld "Klasse" auswhlen. | ||
| + | '''Element auf an 1. Position einfügen:''' | ||
| - | Die Einbindung der Schriftarten erfolgt weiter unten bei den Elementgruppen. Sie bentigen | + | Standardgemäß wird im Frontend bei DeDi-Flex das Dropdown-+-Zeichen erst am Ende aller bisher <br> |
| - | hier HTML-Tags, die es Ihnen ermglichen, die CSS-Klasse einzubinden. Ein Beispiel soll das | + | eingefügten Elemente angezeigt. Mit diesem Kontrollkästchen können Sie auch vor allen Elementen <br> |
| - | verdeutlichen: | + | ein Dropdown-+-Zeichen anzeigen lassen. |
| - | Sie mchten gerne ein einzeiliges Textfeld als Content-Element fr berschriften verwenden. | ||
| - | Sie definieren in der eingebundene CSS-Datei eine gefettete Schrift. Diese speichern Sie als | ||
| - | Klasse ".Fett" ab. Sie whlen in DeDi-Flex als Schriftart "{font1}" diese Klasse ".Fett" aus. | ||
| - | Als nchsten Schritt wechseln Sie mit dem Cursor in das Konfigurationsfeld der 1. Elementgruppe. | ||
| - | Standardeinstellung ist hier der Eintrag "{text}" und steht fr die Elementgruppe | ||
| - | "Einzeiliges Textfeld". Sie knnen die Klasse z. B. mit einem <p>-Tag einbinden: | ||
| + | '''Element auf jeder Zeile einfügen:''' | ||
| - | <pre><p class="{font1}">{text}"</p> oder: | + | Mit dieser Option wird nach jedem Element ein Dropdown-+-Zeichen angezeigt. |
| - | <div class="{font1}">{text}</div> oder: | + | |
| - | <span class="{font1}">{text}</span> ...</pre> | + | |
| - | '''Template-Beschriftung ausgeben:''' | + | Das Bild zeigt DeDi-Flex 0.68 mit allen aktivierten Optionen. |
| - | Der Eintrag in dem Feld "Name" der jeweiligen Elementgruppe wird mit ausgegeben | + | [[Bild:Dediflex_0.68_05_optionen.png]] |
| - | '''Element auf an 1. Position einfgen''' | ||
| - | Standardgem wird im Frontend bei DeDi-Flex das Dropdown-+-Zeichen erst am Ende aller bisher | + | '''Elementgruppe 1 - 8''' |
| - | eingefgten Elemente angezeigt. Mit diesem Kontrollkstchen knnen Sie auch vor allen Elementen | + | |
| - | ein Dropdown-+-Zeichen anzeigen lassen. | + | |
| + | Hier definieren Sie die Art, Anzahl und Reihenfolge der sog. Elementgruppen. Die Elementgruppen <br> | ||
| + | stellen folgende Einzelmodule in DeDi-Flex dar: | ||
| - | '''Element auf jeder Zeile einfgen''' | + | Elementgruppe {text} = einzeiliges Textfeld <br> |
| + | Elementgruppe {textarea} = mehrzeilige Textarea <br> | ||
| + | Elementgruppe {wysiwyg} = Wysiwyg-Editor 1 <br> | ||
| + | Elementgruppe {wysiwyg2} = Wysiwyg-Editor 2 (mit erw. Funktionen) <br> | ||
| + | Elementgruppe {sourcecode} = Quellcode <br> | ||
| + | Elementgruppe {image} = verweist auf ein Bild, das mit dem Dateimanager verwaltet wird <br> | ||
| + | Elementgruppe {link} = Verknüpfung zu einer Seite <br> | ||
| + | Elementgruppe {fileurl} = Verknüpfung zu einer Datei, die mit dem Dateimanager verwaltet wird. <br> | ||
| + | Elementgruppe {editfile} = Möglichkeit, Dateilink zu ündern <br> | ||
| + | Elementgruppe {filedesc} = Dateibeschreibung aus Dateimanager anzeigen lassen <br> | ||
| + | Elementgruppe {filename} = Dateiname anzeigen lassen <br> | ||
| + | Elementgruppe {filesize} = Dateigröße anzeigen lassen <br> | ||
| + | Elementgruppe {font1-5} = Layoutvariable, die auf Stylesheet-Klasse verweist <br> | ||
| - | Mit dieser Option wird nach jedem Element ein Dropdown-+-Zeichen angezeigt. | + | '''Hinweis zur Version 0.91:''' |
| + | <br> | ||
| + | In dieser Version gibt es erweiterte Parameter/Variablen für das Link-Element, welche in der Vorgabe-Einstellung aber leider fehlerhaft kombiniert sind sind und deshalb so nicht funktionieren: | ||
| - | Das Bild zeigt DeDi-Flex 0.68 bei allen drei aktivierten Optionen. | + | <pre>{editlink} {linkurl}, {linkdesc} ,{linktarget}</pre> |
| + | <br> | ||
| + | Statt der Variablen "{link}" gibt es jetzt alternativ die Variable "{editlink}" das ganze kann wie folgt definiert werden werden: | ||
| + | <br> | ||
| + | <pre>{editlink} <a href="{linkurl}" target="{linktarget}">{linkdesc}</a></pre> | ||
| - | '''Elementgruppe 1 - 8''' | + | [http://forum.der-dirigent.de/index.php?act=ST&f=12&t=1513&hl=editfile&s=821c06249a495ccb185f054cb1430e76 Beispiel aus dem Forum zur Verwendung >>>] |
| - | Hier definieren Sie die Art, Anzahl und Reihenfolge der sog. Elementgruppen. Die Elementgruppen | ||
| - | stellen folgende Einzelmodule in DeDi-Flex dar: | ||
| - | Elementgruppe {text} = einzeiliges Textfeld | + | '''Elementgruppe erstellen/löschen:''' |
| - | Elementgruppe {textarea} = mehrzeilige Textarea | + | |
| - | Elementgruppe {wysiwyg} = Wysiwyg-Editor 1 | + | |
| - | Elementgruppe {wysiwyg2} = Wysiwyg-Editor 2 (mit erw. Funktionen) | + | |
| - | Elementgruppe {sourcecode} = Quellcode | + | |
| - | Elementgruppe {image} = verweist auf ein Bild, das mit dem Dateimanager verwaltet wird | + | |
| - | Elementgruppe {link} = Verknpfung zu einer Seite | + | |
| - | Elementgruppe {fileurl} = Verknpfung zu einer Datei, die mit dem Dateimanager verwaltet wird. | + | |
| - | Elementgruppe {editfile} = Mglichkeit, Dateilink zu ndern | + | |
| - | Elementgruppe {filedesc} = Dateibeschreibung aus Dateimanager anzeigen lassen | + | |
| - | Elementgruppe {filename} = Dateiname anzeigen lassen | + | |
| - | Elementgruppe {filesize} = Dateigre anzeigen lassen | + | |
| - | Elementgruppe {font1-5} = Layoutvariable, die auf Stylesheet-Klasse verweist | + | |
| + | Hier können weitere Elementgruppenfelder erstellt bzw. bestehende gelöscht werden. | ||
| - | '''Elementgruppe erstellen/lschen:''' | + | == '''Frontend''' ''(Erscheinungsbild und Möglichkeiten auf der Seite)'': == |
| - | Hier knnen weitere Elementgruppenfelder erstellt bzw. bestehende gelscht werden. | + | ---- |
| + | |||
| + | |||
| + | DeDi-Flex zeichnet - wie sein Name schon sagt - aus, dass verschiedene sog. Elemente, <br> | ||
| + | welche über Elementgruppen definiert werden, frei über ein Dropdownmenü auf einer Seite <br> | ||
| + | eingefügt werden können. | ||
| + | |||
| + | |||
| + | Im Frontend erscheint das Modul zunächst als +-Zeichen. Klickt man auf das +-Zeichen | ||
| + | <br> öffnet sich ein Dropdownmenü. Dieses Dropdownmenü enthält Content-Elemente wie z. B. <br> | ||
| + | ein einzeiliges Textfeld oder den Wysiwyg-Editor. Dem Redakteur/Admin ist es möglich <br> | ||
| + | mehrere Elemente untereinander in unterschiedlicher, frei wählbarer Reihenfolge, einzufügen. | ||
| + | |||
| + | [[Bild:Dediflex_0.68_02_einfg_menue.png]] | ||
| + | |||
| + | |||
| + | Zunächst erscheint lediglich eine leere Bearbeitungszeile ohne Inhalt. Diese Zeile enthält: | ||
| + | |||
| + | |||
| + | '''Up- und Down-Button:''' [[Bild:Dediflex_0.68_07_button_up.png]][[Bild:Dediflex_0.68_06_buttons_down.png]] | ||
| + | Verschiebt Elementgruppe jeweils um eins nach oben bzw. unten. | ||
| + | |||
| + | |||
| + | '''Edit-Button:''' [[Bild:Dediflex_0.68_08_button_edit.png]] | ||
| + | öffnet bei Klick den Editier-Modus des jeweiligen Elements. | ||
| + | |||
| + | |||
| + | '''Löschen-Button:''' [[Bild:Dediflex_0.68_09_button_garbage.png]] | ||
| + | Löscht nach Bestätigung das jew. Element. | ||
| + | |||
| + | |||
| + | Das folgende Bild zeigt DeDi-Flex mit eingefügtem Content (natürlich bei eingeloggtem Redakteur/Admin) | ||
| + | |||
| + | [[Bild:Dediflex_0.68_04_elemente.png]] | ||
| + | [[Category:Moduldokumentationen|D]] | ||
Aktuelle Version
DeDi-Flex - Version 0.68
[bearbeiten] Backend (Konfiguration im Template):
DeDiFlex 0.68 enthält folgende Konfigurationsbereiche:
Schriftart {font1-5}:
Es können 5 Schriftarten ausgewählt werden, die von den Elementgruppen verwendet
werden können. Voraussetzung hierfür ist ein in ein Layout eingebundenes Stylesheet.
CSS-Typ muss stimmen
Bitte beachten, dass die CSS-Elemente der Schriftdefinition als CSS-Typ "Klasse" deklariert
werden müssen, da Sie sonst nicht in dem Auswahlmenü angezeigt werden. Als Beispiel sei hier
auf die CSS-Klasse ".Arial_12px" aus der Standard-CSS-Datei vewiesen. Der Punkt vor dem
sog. "Selektor" wird automatisch mit angegeben, wenn Sie bei selbst definierten Stylesheets
in "Design > Stylesheet > CSS-Regel bearbeiten" bei "CSS-Typ" in dem Dropdownfeld "Klasse" auswählen.
{font1-5} mittel class in HTML-Tag einbinden
Die Einbindung der Schriftarten erfolgt weiter unten bei den Elementgruppen. Sie benötigen
hier HTML-Tags, die es Ihnen ermöglichen, die CSS-Klasse einzubinden. Ein Beispiel soll das
verdeutlichen:
Beispielbeschreibung
Sie möchten gerne ein einzeiliges Textfeld als Content-Element für Überschriften verwenden.
Sie definieren in der eingebundene CSS-Datei eine gefettete Schrift. Diese speichern Sie als
Klasse ".Fett" ab. Sie wählen in DeDi-Flex als Schriftart "{font1}" diese Klasse ".Fett" aus.
Als nächsten Schritt wechseln Sie mit dem Cursor in das Konfigurationsfeld der 1. Elementgruppe.
Die Standardeinstellung ist hier der Eintrag "{text}" und steht für die Elementgruppe
"Einzeiliges Textfeld". Sie können die Klasse wie folgt einbinden:
Code-Beispiel
<p class="{font1}">{text}</p> oder:
<div class="{font1}">{text}</div> oder:
<span class="{font1}">{text}</span> ...
Template-Beschriftung ausgeben:
Der Eintrag in dem Feld "Name" der jeweiligen Elementgruppe wird mit ausgegeben
Element auf an 1. Position einfügen:
Standardgemäß wird im Frontend bei DeDi-Flex das Dropdown-+-Zeichen erst am Ende aller bisher
eingefügten Elemente angezeigt. Mit diesem Kontrollkästchen können Sie auch vor allen Elementen
ein Dropdown-+-Zeichen anzeigen lassen.
Element auf jeder Zeile einfügen:
Mit dieser Option wird nach jedem Element ein Dropdown-+-Zeichen angezeigt.
Das Bild zeigt DeDi-Flex 0.68 mit allen aktivierten Optionen.
Elementgruppe 1 - 8
Hier definieren Sie die Art, Anzahl und Reihenfolge der sog. Elementgruppen. Die Elementgruppen
stellen folgende Einzelmodule in DeDi-Flex dar:
Elementgruppe {text} = einzeiliges Textfeld
Elementgruppe {textarea} = mehrzeilige Textarea
Elementgruppe {wysiwyg} = Wysiwyg-Editor 1
Elementgruppe {wysiwyg2} = Wysiwyg-Editor 2 (mit erw. Funktionen)
Elementgruppe {sourcecode} = Quellcode
Elementgruppe {image} = verweist auf ein Bild, das mit dem Dateimanager verwaltet wird
Elementgruppe {link} = Verknüpfung zu einer Seite
Elementgruppe {fileurl} = Verknüpfung zu einer Datei, die mit dem Dateimanager verwaltet wird.
Elementgruppe {editfile} = Möglichkeit, Dateilink zu ündern
Elementgruppe {filedesc} = Dateibeschreibung aus Dateimanager anzeigen lassen
Elementgruppe {filename} = Dateiname anzeigen lassen
Elementgruppe {filesize} = Dateigröße anzeigen lassen
Elementgruppe {font1-5} = Layoutvariable, die auf Stylesheet-Klasse verweist
Hinweis zur Version 0.91:
In dieser Version gibt es erweiterte Parameter/Variablen für das Link-Element, welche in der Vorgabe-Einstellung aber leider fehlerhaft kombiniert sind sind und deshalb so nicht funktionieren:
{editlink} {linkurl}, {linkdesc} ,{linktarget}
Statt der Variablen "{link}" gibt es jetzt alternativ die Variable "{editlink}" das ganze kann wie folgt definiert werden werden:
{editlink} <a href="{linkurl}" target="{linktarget}">{linkdesc}</a>
Beispiel aus dem Forum zur Verwendung >>>
Elementgruppe erstellen/löschen:
Hier können weitere Elementgruppenfelder erstellt bzw. bestehende gelöscht werden.
[bearbeiten] Frontend (Erscheinungsbild und Möglichkeiten auf der Seite):
DeDi-Flex zeichnet - wie sein Name schon sagt - aus, dass verschiedene sog. Elemente,
welche über Elementgruppen definiert werden, frei über ein Dropdownmenü auf einer Seite
eingefügt werden können.
Im Frontend erscheint das Modul zunächst als +-Zeichen. Klickt man auf das +-Zeichen
öffnet sich ein Dropdownmenü. Dieses Dropdownmenü enthält Content-Elemente wie z. B.
ein einzeiliges Textfeld oder den Wysiwyg-Editor. Dem Redakteur/Admin ist es möglich
mehrere Elemente untereinander in unterschiedlicher, frei wählbarer Reihenfolge, einzufügen.
Zunächst erscheint lediglich eine leere Bearbeitungszeile ohne Inhalt. Diese Zeile enthält:
Up- und Down-Button: 
Verschiebt Elementgruppe jeweils um eins nach oben bzw. unten.
Edit-Button: 
öffnet bei Klick den Editier-Modus des jeweiligen Elements.
Löschen-Button: 
Löscht nach Bestätigung das jew. Element.
Das folgende Bild zeigt DeDi-Flex mit eingefügtem Content (natürlich bei eingeloggtem Redakteur/Admin)
