User Tools

Site Tools


de:getsimplede:editor-template-plugin-einsetzen

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

de:getsimplede:editor-template-plugin-einsetzen [2014/05/03 22:38]
Lars created
de:getsimplede:editor-template-plugin-einsetzen [2014/05/03 22:40]
Lars
Line 26: Line 26:
         ['​Styles','​Format','​Font','​FontSize'​],​['​ShowBlocks'​],​['​Code'​],​['​Templates'​]         ['​Styles','​Format','​Font','​FontSize'​],​['​ShowBlocks'​],​['​Code'​],​['​Templates'​]
         ");         ");
-</​code>​In diesem Beispiel steht es in einer Reihe mit "​Format",​ "​Font"​ etc.\\ \\ Ist die Datei gesichert und eine neue Seite wird in GetSimple geöffnet, sollte man das Icon in der Symbolleiste finden und bei Klick drauf sollten die Beispiel-Textbausteine angeboten werden.\\ {{http://​192.168.1.22/​getsimple.de/​data/​uploads/​ckeditor/​templatedef/​editortemplatesymbol.jpg?547x78|Templates-Plugin in der Editorleiste}}\\  +</​code>​In diesem Beispiel steht es in einer Reihe mit "​Format",​ "​Font"​ etc.\\ \\ Ist die Datei gesichert und eine neue Seite wird in GetSimple geöffnet, sollte man das Icon in der Symbolleiste finden und bei Klick drauf sollten die Beispiel-Textbausteine angeboten werden.\\ {{editortemplatesymbol.jpg|Templates-Plugin in der Editorleiste}}\\  
   - Jetzt kann man die Textbausteine,​ die man öfter braucht, festlegen. Dazu öffnet man die Datei default.js im Verzeichnis  /​admin/​template/​js/​ckeditor/​plugins/​templates/​templates in einem Editor.\\ Diese Datei enthält schon Beispiele, allerdings ziemlich unleserlich,​ da alles in einer Zeile "​zusammengeschnurrt"​ ist.\\ \\ Wichtig ist der Abschnitt templates, ich zeige hier mal die Definition, wie ich sie bei der deutschen GetSimple-Seite eingebunden habe:\\ <​code>​   - Jetzt kann man die Textbausteine,​ die man öfter braucht, festlegen. Dazu öffnet man die Datei default.js im Verzeichnis  /​admin/​template/​js/​ckeditor/​plugins/​templates/​templates in einem Editor.\\ Diese Datei enthält schon Beispiele, allerdings ziemlich unleserlich,​ da alles in einer Zeile "​zusammengeschnurrt"​ ist.\\ \\ Wichtig ist der Abschnitt templates, ich zeige hier mal die Definition, wie ich sie bei der deutschen GetSimple-Seite eingebunden habe:\\ <​code>​
 // Template definitions. // Template definitions.
Line 66: Line 66:
 }); });
 </​code>​jeder Eintrag, jeder Textbaustein enthält die Elemente\\ - title\\ - image\\ - description\\ - html für den zu einzufügenden Output.\\ \\ Für die Grafiken, die hier ohne Pfad eingebunden wurden, ist das Verzeichnis /​admin/​template/​js/​ckeditor/​plugins/​templates/​templates/​images vorgesehen, das schon einige Symbole enthät. Dorthin kopiert man weitere Symbole, die dann als Bild in der Auswahlliste angezeigt werden.\\ \\ Das sieht dann so aus:\\ {{http://​192.168.1.22/​getsimple.de/​data/​uploads/​ckeditor/​templatedef/​editortemplates.jpg?​596x502|Auswahlliste vordefinierter Textbausteine}}Es wird die definierte Grafik angezeigt,​der einetragene Titel und die Beschreibung des Textschnippsel.\\ \\ Die Checkbox "​Aktuellen Inhalt ersetzen"​ überschreibt den bisher eingegebenen Inhalt auf der Seite, da sollte man aufpassen, besser nicht auswählen! </​code>​jeder Eintrag, jeder Textbaustein enthält die Elemente\\ - title\\ - image\\ - description\\ - html für den zu einzufügenden Output.\\ \\ Für die Grafiken, die hier ohne Pfad eingebunden wurden, ist das Verzeichnis /​admin/​template/​js/​ckeditor/​plugins/​templates/​templates/​images vorgesehen, das schon einige Symbole enthät. Dorthin kopiert man weitere Symbole, die dann als Bild in der Auswahlliste angezeigt werden.\\ \\ Das sieht dann so aus:\\ {{http://​192.168.1.22/​getsimple.de/​data/​uploads/​ckeditor/​templatedef/​editortemplates.jpg?​596x502|Auswahlliste vordefinierter Textbausteine}}Es wird die definierte Grafik angezeigt,​der einetragene Titel und die Beschreibung des Textschnippsel.\\ \\ Die Checkbox "​Aktuellen Inhalt ersetzen"​ überschreibt den bisher eingegebenen Inhalt auf der Seite, da sollte man aufpassen, besser nicht auswählen!
-  - Nach der Auswahl des Templates "​Hinweis mit Glühbirne"​ steht folgendes im Eingabefeld des Editors:\\ {{http://​192.168.1.22/​getsimple.de/​data/​uploads/​ckeditor/​templatedef/​editortemplate.jpg?591x230|in den Editor eingetragener Textbaustein}}Nun kann ich entweder das Wort "​Hinweis"​ überschreiben mit "​Info"​ zum Beispiel, wenn mir "​Hinweis"​ nicht paßt, aber durch Klicken auf "​ÜberschreibediesenText"​ kann ich diese Aufforderung überschreiben durch meinen eigenen Hinweistext.\\ \\ Den Beispieltext hatte ich schlauerweise ohne Leerzeichen eingegeben, dadurch reicht ein Klick auf das "​Wort"​ und ich kann sofort losschreiben!+  - Nach der Auswahl des Templates "​Hinweis mit Glühbirne"​ steht folgendes im Eingabefeld des Editors:\\ {{editortemplate.jpg|in den Editor eingetragener Textbaustein}}Nun kann ich entweder das Wort "​Hinweis"​ überschreiben mit "​Info"​ zum Beispiel, wenn mir "​Hinweis"​ nicht paßt, aber durch Klicken auf "​ÜberschreibediesenText"​ kann ich diese Aufforderung überschreiben durch meinen eigenen Hinweistext.\\ \\ Den Beispieltext hatte ich schlauerweise ohne Leerzeichen eingegeben, dadurch reicht ein Klick auf das "​Wort"​ und ich kann sofort losschreiben!
  
 Ich hoffe, die Beschreibung ist ausführlich genug, und auch verständlich genug! Ich hoffe, die Beschreibung ist ausführlich genug, und auch verständlich genug!
de/getsimplede/editor-template-plugin-einsetzen.txt · Last modified: 2014/05/03 22:40 by Lars