Dokumentation DeDi-Flex

Aus DeDi-Help

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
Version vom 02:06, 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 20 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, <br> 
-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):

Bild:Dediflex_0.68_01.png


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.

Bild:Dediflex_0.68_05_optionen.png


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.

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.pngBild: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

Von „https://help.der-dirigent.de/index.php?title=Dokumentation_DeDi-Flex“
Persönliche Werkzeuge