MODX Editors Guide Juni 2008

Transkript

1 MODX Editors Guide Juni Auflage Aktualisierung und Ergänzung: Katja Hoffmann

2 !! " #!! $ " % & " ' % ( % ( " % $ " " " ) $ * + # ' ) (, -./ " ".. " ".. $ ".0.0 $ * 4 # '.3 ' # 4. $ ", - # ". * " " '. * " ". " " # " $8'($8& " 2.! $ $8'($8& " 2.! 9.) : $ 6.) $ 4,;" - $8'($8& 2.)

3 $ 5 <5 +.) Liste $ aller WYSIWYG-Editor Symbole und Funktionen... 0/ 20 Warum : = fehlen >5(?'@ bei mir bestimmte Funktionen? Wie werden Bilder eingefügt? $ + 0. Wie bearbeite ich meine Bilder mit dem Image Editor? $ 4 + $ 5 <5 + 2? 03.) Bildgröße ändern Warum $ erscheint mein Bild nicht im Ressourcenbrowser? / 26 ' 66 : = >5(?'@ ' $ $ 4 + * " 2? 0! ! ' 66 0! 0 30 A ' 0% 0 30? * " 0% 0! ) 0! 33 ( + B " 5 0) 0! # " A 0) 0% 34? 2 0% ) 35 ( B " 5 0) # " 0) 35

4 = C D A ' $ " C " # 4 (, - E,6 -C ' 6 < C # $ * 2 &, B - 2 C 2 D 2 5 " # 6 2 ' F, 6 - # C $ " ' 4

5 " $ " A 'G H 2 # 4 " 2 " 2 $ ( 2 # 4 I ( < 6 " C C 5 6 * ",5 I ",' " 4 - C 4 " " $ " " 2 I! J # " ' 6 <5 + A A < 6 " 5 6 * " 2 F 6 C : A " # ' $ " 6 2 C 66 2 " ## J A 6 C ' " C C A 5 6 * " 6 2 A ' 66 # $ " C # ( 5 6 * " ' 2 I 5 6 D < 6 $ " $ " 2 C = ' ( 2 " ( 6 < D < 6 " C? 'G >K K@ 5 6 ( 2 C " 5 6 D 5 C ' 66 ( 6 5

6 " 2 ' 66 C 'G >>' D 5 6 * " C 4 5 C ( " < 6 " 2 " & 'G >K5 6 * " H K@ 5 6 # L 5 L <5 +L < * " C 2 # A C " ( 6 " 2 A C B " A ( 5 6 * " $ 2 # ;" $ " C # C L " C " C $ " C C 5 2 $ " C M ' 2 D 2 NE EO " 6 I E E & " 2? C 2 " $% ( " I " I 1 I " B I " E 6 4 # 4M C F 2

7 2 $ " C M ' 2 D 2 NE EO " 6 I E E & " 2? C 2 " $% ( " I " I 1 I " B I " E 4 # 4M C F 2 > + 7

8 ! " + ', - $ " < ' C # " C 6 4 " ( 2 C + 2 % " P " B L: " D 2 C $ " " C B L: $D 6 6 F C # " C 2 6 # " " " C # 4 2 " # ( 6 5? ",2? -& 4 " $8'($8& " " $ 5? 2 C 6 " ' * 2 F 6 I + ' ' +? 5 ' ' % 1 2 I 8

9 : < 6 B 1 4 : ( #?A 2 D : & ) % % % 1 " ( 2 " " I ' $ ", - " B L: C ' 2 C D Q 2 " " ' $8'($8& '6 ' ;" 6 ' " * ) * + " : $ " " $ " + # ' 5 " R H 2!,-+. / ( 6 C C ( 2 5 9

10 ? " C 4 ' # A C! $ " " # $ " 2 C " " " " M # $ " # 2 : Klicke auf Website " ( - Suche im Hauptmenü: ' " < 5 6 I ( C 1B+ ' C 2 "0 E 0E 6 6 S0 $ ' L,' - 1B+ # C ( ' 5 5 ",( ( 6 " " - ' M 5 ( 10

11 % % : " ( " F ' * ' C " ' D : $ 2 = 2 $8'($8& 2 C ' 2 " " 11

12 $ " C R " 6 1 ( $ " 2 I # 4 6 ' " " : " ( : B T N C ( " " C 2 '

13 $ I $ 6 B L: " "? # " C : C ( 2 ) 1 $ C # " * " C 2 # $ % # & ' 6, 6 " C " D - $ 6 C " - 13

14 " 2 : # " " % $ 2 : B " ' 2 < " * 2 " * 2 6 " Das Dokument ist jetzt = 2 # 4 veröffentlicht " & und wird im Dokumentenbaum in schwarzer Farbe dargestellt. Unveröffentlichte Seiten erscheinen in grau und kursiv. 14

15 & # * " # 2 $ I ;" ' ;" * % % " : 2 # " $ ", - " : ' : " C # " : $ 2 C * " 2 6 * % % Q E " " B T N : ( $D " $ " C # " : C R 2 6 % % % 1 $ " " " 2 # " C D " * " 15

16 ' ( ) * H $ " C 6 " 5 6 " Q E " " B T N $D : C R

17 )3" )3 % $ I $ # C A: $8'($8& +,'",- *! $8'($8& D 5 # " 6 2 2,$ C $ - " B 2 " C <5 + " "# $(B'5 6D C 6 ' " $ " C 5 L * ( # " # " 2 " 7! #8 9 : " ) & : ,2 H 6 -C # $8'($8&!" # $ % & ' ( ) * + &, -. " 2 # $8'($8& C = : # $ " C 5 6,: < " " J ' " <5 + 9 Symbole: : J # " D H 2 C *, # J $ " " C " " 2 ( D C # * " 2 2 Rückgängng - macht immer den letzten Schritt rückgängig! (! #8( : J ' 5 " 2 Wiederholen - wiederholt den rückgängig gemachten Schritt Alles : " ) J $ auswählen - den gesamten Inhalt des ' $ 6 Editorfensters auswählen. C 2 Als unformatierten Text einfügen - die preferierte Methode zum Einfügen von Text aus der Zwischenablage, es öffnet sich ein gesondertes Fenster Word-Text einfügen - Wenn schon aus Word eingefügt werden muss, dann wenigstens über diese Funktion. Word hat die Angewohnheit eine Masse von unnötigen Formatierungen ( - # J ' 2 mitzugeben, die man schwer bzw. garnicht entfernen kann. Das merkt man daran, daß sich - J F 6 C " beim Umformatieren so gut wie nichts am Text ändert. G 2 C - Suchen - Suchen / Ersetzen Funktion 2 2 über ein gesondertes Fenster. Sehr nützlich bei längeren 9 Textpassagen. 4 Ersetzen ( ( 1 J C : - Ersetzen / Suchen Funktion #C 1 über ein gesondertes Fenster. 1 Sehr nützlich # bei längeren ( Textpassagen. # C

18 + ; 7 < 2 $ 2 2 ( L ' 4 $ " " A'' G J 2 2? # 5 C F? # " ;" 6 R C ( # 5 # #, = J 2 ( D $ " # C 5 " A'' ' G J " 2 2 ' 2 +, 9 - J " 2 2 < #, 9 -, % J " 2 2 " # 5 ", 9 - > - J 2 + " A'' # $ " G "# J ' 2 U V $ $ " A'' 2 C + " " $ 4 " ' " ' G " D ) $ ' G 6 + A'' " ' G 2 C 5 2 $ ' 6D # D C " A'' 2 ' 2 " $ $8'($8& 2 C 6D = ' " " C ' G $ " 2 6 J # R ' " $8'($8& C 2 ' $ " 4 C # 6D 6 J # ' 2 # ' 4M H 2 # L ' G 6 + ) $8'($8& ' " <5 + C # ' 6 C $ " A'' ", ( % J # 5 " 5 " $ 2 C C " C # C A? 2 ' " 4 $ " 18

19 . / + D? ) # H (H D " " " : 6 5 $ 2 5,2 H 6 - # <5 + " ) 6 H 5 F " C # F $ # $ C 2 ) B )3" ) C $D " C D 7 $ C # ), >, + $ 6 C 6 D 2 C $ " 2, # 9? - " 6 + C $ " 2 5 $D " 2, $ -C ' G 2 $ C = ( I 2 5 $D ' G

20 WYSIWIG EDITOR Liste aller Buttons 20

21 21

22 Warum fehlen bei mir bestimmte Funktionen? Es kann sein, daß der Administrator nur den notwendigen Teil der Buttons eingeblendet hat. Das Ausblenden dient der Übersichtlichkeit und dem Vermeiden von Fehlerquellen. 22

23 ) : : " C D C C +5? $ Wenn Du gleichzeitig 2 ein Bild hochladen möchtest, klicke C zuerst 2 auf Durchsuchen 16 und D dann auf Upload, # um das Bild hochzuladen. B, Danach übernimmt C =6 ein Klick aufs Bild das 6 Bild in $ " 6 -, den Editor, wo Du noch weitere 5 6 Einstellungen, - wie Bildbeschreibung usw. vornehmen kannst: 23

24 Das Bild kann auch direkt auf dem Server gelöscht, umbenannt und bearbeitet werden: Klicke zum Bearbeiten auf, es öffnet sich der: Der Image Editor: 24

25 Die Oberfläche bietet folgende Funktionen: Crop - Freistellen Resize - Größe ändern, die wahrscheinlich am häufigsten genutzte Funktion, siehe unten Rotate - Drehen in Grad Measure - Maßband Marker - Farbe der Markierung Save - am Ende unbedingt Speichern, einfaches Schließen des Fensters bewirkt nicht. Die Größe eines Bildes ändern: Klicke auf Resize Danach die gewünschte Breite bei Width oben eingeben, Häkchen bei Constrain Proportions setzen (Seitenverhältnis beibehalten), unter Umständen nochmal außerhalb klicken, bis die automatisch errechnete Höhe Height im Zahlenfeld erscheint. Auf das grüne Häkchen klicken, das Bild erscheint verkleinert im Fenster. Danach auf Save klicken, die gewünschte Qualität einstellen (mindestens 80 sind zu empfehlen. Da das originale Bild standardmäßig nicht überschrieben wird, wird ein _1 an die Originalbezeichnung gehangen. Mit OK betätigen, es erscheint ein Hinweisfenster - File saved, OK klicken. Der Bildeditor kann geschlossen werden. 25

26 ACHTUNG: Im Ressourcenbrowser hat sich noch nichts getan. Das Bild ist nicht vorhanden. Warum? Ganz einfach: der Browser zeigt ja die alte Darstellung, die Ansicht hat sich noch nicht aktualisiert. Einfach das Browserfenster anklicken und F5 auf der Tastatur drücken, die Bilder bauen sich neu auf und siehe da, das neu bearbeitete Bild erscheint: Das Bild wird durch einfaches Anklicken in den Editor übernommen.? = C, :"D?H&C &( P?& $ " 2? 2 " " 2 C 2 5(? P?& &( 2 # $? 2 C P?& &( 2 6 ;" 6 C P?& &( 2 M & 4M ( "?,6 - $ ' 2 C 2? " C C " 3//6 " C D 2.//L0//6 " $ " ' 4M $ " 6? 1 " " 2 C? 6?,2 " " H(A<5 B -C P?& '? 2 '? # L C C ' 6H # G ' W # ) I 2 # 5 : 26

27 1 ' 2 # C " $ ",1B+- 1B+ 1 ' 2 # C 2 1B+ ' 6 $ " 2 6 ' 6 1B+ 1B+ 1B+ >$ 2 C " 5 "" B 4 C " " C 2 " L C ' M # " C " >X X@C " ( C # 4 5 " F 6 C + < I >X>, Y -@X@ H? C 5 " 5 ( $ " + 2 C $ " " + A'' ' + 4 C " ZY" Z D 27

28 Zu eigenen Seiten verlinken: Es ist möglich über die Auswahlliste zu eigenen / internen Seiten zu verlinken. Hierzu einfach bei Hyperlink Liste die gewünschte Seite auswählen. Die Liste wird aus den vorhandenen Seiten generiert, es werden die Seitentitel und in Klammern die ID s der Dokumente angezeigt: Eine Datei zum Download verlinken: Oft möchte man auch Dateien zum Download anbieten, z.bsp. ein PDF-Dokument. Dies macht man über den Button Durchsuchen im gleichen Linkfenster: Es vöffnet sich der Ressourcen Browser, diesmal wird der Ordner Files angezeigt, der beim ersten Mal nur die Datei index.html enthalten dürfte. Hier lädt man über die oben beim Bildupload erläuterten Buttons die Datei hoch, um sie dann zu verlinken. 28

29 Bei größeren Dateien dauert es eine Weile, je nach Verbindung, bis sie hochgeladen sind. Geduld ist hier angebracht. Vorsicht bei Dateien, die größer als 10 MB sind, es kann durchaus sein, daß der Administrator die Dateigröße begrenzt hat oder dies durch den Hoster geschieht, bei dem die Website liegt. Die Datei wird wie bei den Bildern durch einfachen Anklicken auisgewählt. Schlußendlich erscheint der Link im Editor als blauer, unterstrichener Text: 29

30 , : 5 6 A 'G C L 4 2 5? D ( " L # ( C " C " 2 ( ' " 5 4 # $ G ( $ " 2 " 5 ( " 2 < 6 I ' )) >> >[ 66 [@ 66 ( 66 ' C H \ 66 \ D >, -@ $ ' ' C H \ \ D >K 6 L# " K@ * 4 # ( C = ' >] ]@ F C " 4 C ' 2 >X X@ + 2 ' ^^ " 2 <5 + ' >`6 `@? 2 ( C # 66 ;" C? 66 2 C " 66 ( C H C ' C ( 66 2 C 5 6 F 6 C ' 66?<? A C " ' " C $ ( D # 6 & ' ' ' 'G F 6 C >, Y -@ H ' C : " ' 2 + " C 5 " Z,?B (W- G Y Z,?B (W- 5 " 6 H C * / )0 I C@ E # E BD J " " '? " 30

31 E BD J " C " ' C@ E BD J " ' A C@ # E BD J $4 A 6 2 C >@ E 8# BD J + # ( G6 C # " C@ E # BD L ( ' 6 C@ E E# BD L A''? C 2 # B L5 C@ BD J < 6 L ' C@ %= BD J L 2 C@ E# BD J ( ' C@ E BD J F 2 A ' C@ E E BD J " C " A: '6 C@ E E 8 BD J " C ' G A: 2 C@ E E % BD J " C + A: 2 C@ E E % E BD J " C " " 2 + A: " 2 C@ E# BD J $ 2 # 2 F C@ 8E E BD J " C " ' 1B+ # C@ 8E BD J " C " ' 1B+ # C@ 8E E# BD J ' 1B+? C@ 8E E BD J ' 1B+ ' C@ E BD J '6 A C@ E 8 BD L + G A C@ E BD L 5 A C@ % E E BD J 2 + D C 6 ' 2 C? C@ % E E BD J 2 H " 2 C H 2 C@ % E E BD J 2 " 2 C + ' " 2 C@# % E BD J ' * 4 C@ %E% E BD J? B C@ %E% E BD J 1B+ B C@ E # BD J " C " C ' 6 D 31

32 E BD J " C " # < 2 4, C@ E BD J ' ' C@ E E BD J ' C # ' ' ' # C@ E# BD J C " ' 6 6,''+- * " 2 C@ E BD L # C@ E# BD J C " * 2 C A 2 C@ # E BD J L H C B 2 # C@ E BD J, C@ E BD J ' H C@ E BD J ( 2 ' ' C@ E BD J C " ',.-,/- C@ E % E BD J H 2 C ' C $ I H 2 C 6 T1 # "? N 2 C@ E % E# BD J ( ' C? 2 C@ #E E# BD J C " 6 #? C ' C@ #E 8BD J C 2 D C 2 2 F C " C@ E BD J C " 6 C@ # E BD J " C " A B " ' " " 4 C@ E# BD J ( ' F C@ # E BD J + C " 4 C@ # E BD J G 4M C " 4 C@ E E# BD J " C " '? # C@ E # BD J " C " A A 6 2 C@ E BD J " C " B L5 " ' # C@ E # BD J " C " 2 ' # C@ %# E BD J L H # C 2? # 32

33 % # E BD J L H # C 2 C@ E BD J " C B L5 ' # ( ) $ 5* C ( " ' 2 2 " 2 I. 5* 4 " 2 C " 5 ",?B (W- Y,?B (W- 5 " 6 2 " I CF# FD L 5 CF FD L + CF FD L F CF FD L ( 0 5* 4 6 C 2 2 C C 2 2 # " " " ' 4 B L 5 2 D 5* C & C C $ C 5* ' 2 2 C ' 2 * 5* 4 " 6 C D " " ' * C C " " C 2 $ ( * " # 6 & ( " # 5 I CGH GD L 9 G 5 J F C " 2 CGHGD L 9 G A LF C # " " CG#GD L? 5 J F C " C ' 2 CG GD L 5 5 J F & 2 C 2 B ' " 4 CG GD L ' J F 9 ' C " " A F 6 C ' C " 4 G'9+ " / //// ' / " C " 4 /./3 C & 2 # /./3 ' C A " ' 2 2 C ( + 2 F 6 C >X.03X@ + 2 (.03 ' " D " 1B+ 33

34 " " \ \ * " \' 1B+ \C * " \ 6 6 S.03\ + " " C 2 >X>, Y -@X@ " 1B+ 2 ' 1 A " 5 C " <5 + A C # 6 C " ' " ' 2 C ( 2 ' 2 C ' ' 2 F 6 C 5 D H D C R A ' 2 [ : " 66 5* C ' G " F 6 C ' 66 " C " C 66 A 2 C 6 5* 2 C A # 5* # C 6 " 2 4,aA<1H: " - $ ( 2 A # 6 & 2 * ;"? 2 2? 66 " " 2 6 H + 66 ' 6 I!!!! " "!! "! #! " $ % & ' & ( ) &!! " &!! " "? 2 " = <5 + A # C " 66 " 6? ? ? 2 = ' C 2 C 2 M " ' " " " 66 \ 6 34

35 $ ' " C " ;" 2 # " C " = C = 2 6 = = " 3 # ( J = 2 2 " " " J = # # 4 $ J < 0 * *& *+, *-+-./0, & :3; 89< = > = 6 6 A6 1 6 / A5888%8 AB, / - ) ) 6 ) & & > > & # > & 1 6 *+, * ) 0 & & > %% # * ) 0 = > = C > & > & : = > = > ) *+, 0 ) * ) 0 ; D & 6 E > # > 6 > & 6 F * ) 0 & # ) > : & > ;6 & > 6 & > > & ( # > & 6 > # ) & # ) ) > 6 = $ 6 ) & 6 > & 6 & & D # 6 6 & / > # > & E & > > ' :8; & > 6 :5; > & & 6 ) " > / 6 C 6 > > # > > 2 > ) 6 >

36 > # > > & 6 ) ) > & C = 6 & ) > E > & ) & > ) 6 # & 6 > ) &6 ) > *+, *-+-./0, /+G 3F+G2@2F+ =F. 3F D2+*6 /+G FG2=23/@2F+ 0 & > # > ) & & ) ) * ) & 6 ) >6 & > #6 > # ) & & > # & >' 6 > # & & 6 ) > " & & :H 6 > ; - / &6 ) ) 0 & & 6 & > # ) & : & ) ) & & ; E > & 8 D ) ) & C 6 6 ) & > ( # 0 ) > ( & & 0 & > & D & & 6 > $ & 5 D & 6 & > # ) & 6 ) > # 8 ) 6 ' ; D & & & ); D > # ) ) 6 > & 6 ) > & 0 ; 2 & > 6 6 > & > 6 & & > : 6 & > ; ) & 6 & > >

37 0 :-$ ' & ) 6 > # ) & I I > # > 2 ) > # & 6 ) ) > # > ) > # 1 > ) > > > # ) & 6 ) > ) 0 6 > $ > 6 & > 6 & & > # > ) ( 6 $ & ) > # ) & 2 6 && & > # ) & > & : > > # ) & ; & ) ) & > # 0 D ) & : > # ) 6 5; )J $ ) 8 5 ) > &' ; / > & % ) 6 > ) ) 8 5 ) > & ( 6 ); / > > 6 6 & 6 & & ) 6 % ) & 6 ) ) 8 5 ) > & ( 6 ; / > ) & :@ > ) & )J $ ) > 6 > ) ) ) > # > # # & = $ ) > #6 6 6 $ ) H > 6 $ 6 ) & ) : ) ; > J : 6 # 6 ; & > $ ) 6 $ ) 2 ) $ ) )J ) & & 6 & I ) 6 & & > )J K D 6 6 ) 6 ) & $ $ 0 /

38 > 6 6 ) ) & 6 > & 0 H > 6 > 6 & 6 0 > &? D I 0 6 & H > 6 & & ) & > ) ) > 6 ) & ) & & : > # ) & ;6 0 6 &6 ) & & & > # ) L - ) & : > # ) & ;6 & 6 ) & )J D C $ & & D ) & ) 0 B 2 6 I J & & & : ;6 :> ) 6 & > ; 0 6 $ 0 2 ) ) & 0 ) & 6 I ) & = $ 6 > % ) & ) > & 6 > ) 0 > ) ) & 2 ) 6 ) > 2 & & ( & & > ) 6 > ) ) & ) > & > ) & ( " > & ) > # & > ) ) I 0 < 2 ) " & ) ) & 6 & & > & 0 $ & & ) $ & 6 ) & $ > ) 0 = > = ) " >

39 * ) 0 > > ) 6 ) > ) - & & & ) 2 & ) 0 > 6 > & ) ) = > = 2 & ) 0 6 ) ) = > = 8A 2 > & & > ) 6 > # = > > & ) = > = 6 > = > = ( > # $ F > ) & ) > & & > & & > & +F E/../+@D /, G =.-- F= 2 +F E/../+@D 6 -M@-+@ -. 2@@-G 1D / 023/10-0/E EH-+ F@H-.E2 2+ 3F D.2*H@ HF0G-. /+G"F. F@H-. / 2 E2@HF,@ E/../+@D F= /+D N2+G6-2@H-. -M.- -G F G6 2+30,G2+*6 1,@ +F@ G E/../+@2- F= -.3H/+@/1202@D /+G =2@+- =F. / /.@23,0/.,. F -+@ O,/02@D /+G -.=F. /+3- 2 E2@H DF, G-=-3@24-6 DF, /, F= / /.D *6.- /2. F. 3F..-3@2F F -4-+@,+0-.-O,2.-G 1D / 023/10-0/E F. 2+ E.2@2+* E200 /+D 3F D.2*H@ HF0G-.6 F. /+D F@H-. /.@D EHF /D / -. 2@@-G /1F4-6 DF, =F. G/ /* ,G2+* /+D *-+-./06-32/ G-+@/0 F. 3F+ -O,-+@2/0 G/ /*- /.2 2+* F,@ - F. :2+30,G2+* 1,@ +F@ 02 0F F= G/@/ F. G/@/ 1-2+*.-+G-.-G 2+/33,./@- F. 0F 1D DF, /.@2- F. / F -./@- E2@H /+D F@H-..F*./ ; =,3H HF0G-. F. F@H-. /.@D H/ 1--+ /G42 -G F 21202@D F=,3H G/ /*- -+G /+G 3F+G2@2F+