Download - Editoren für Joomla! TinyMCE und JCE

Transcript
Page 1: Editoren für Joomla! TinyMCE und JCE

Editoren für Joomla!

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Page 2: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Der Editor produziert HTML-Code

Page 3: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Joomla! – Kein Editor

Page 4: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Hyperlinks setzen – ohne Editor

Die erste <a href="index.php?option=com_content&amp;view=article&amp; catid=21&amp;id=1">Administratorkomponenten</a>heißt

Page 5: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Bilder – ohne Editor einfügen

<img src="images/sampledata/fruitshop/apple.jpg"

alt="" />

Page 6: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Code Mirror

Page 7: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Ohne Editor oder mit CodeMirror

Page 8: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCEDer „kleine“ Moxie Code Editor

Page 9: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Verweise auf anderen Beiträge …

Page 10: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

… können bearbeitet werden

Page 11: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Eigenschaften der Bilder …

Page 12: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

… können einfach bearbeitet werden

Page 13: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE - Einfach

Page 14: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE - Standard

Page 15: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE - Komplett

Page 16: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE - Optionen 1/2

Page 17: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE - Optionen 2/2

Page 18: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE & Rechtschreibung

PHP Spellchecker gibt es, doch nutzt gleich …

1) Abschalten des Kontextmenüs in den PlugIn-Optionen

2) Firefox Erweiterung „Wörterbuch Deutsch“

3) Damit lässt sich in jedem Editor eine Rechtschreibkorrektur durchführen

Page 19: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCEJoomla! Content Editor

Page 20: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Was hebt ihn hervor?

Funktionen ähnlich denen des Microsoft Office und bekannt Befehle erleichtern das Formatieren.

Page 21: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Bilder-Manager …

Bilder …

Hochladen Umbenenn

en Löschen Kopieren Einfügen

Page 22: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Multiple-Upload …

Hochladen von mehreren Dateien gleichzeitig

Page 23: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Link-Manager …

Erstellen von Verweisen zu

Kategorien Beiträgen Weblinks Kontakten

auf deiner Seite oder auf externe Links mit Hilfe des einheitlichen Link-Browsers

Page 24: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Datei-Browser …

Page 25: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

JCE – Quellcode / Rechtschprüfung

Hervorheben von HTML Code

Integrierte Rechtschreib-prüfung (Google™ Spellchecker, PSpell oder ASpell )

Page 26: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

TinyMCE / JCE … Befehle

TinyMCEJCE

Page 27: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Weitere Editoren

JoomlaCK Editor

CKEditor

Page 28: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Probleme mit dem Template …

Page 29: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

… sind schnell gelöst.

Page 30: Editoren für Joomla! TinyMCE und JCE

(c) 2011 by Kai Greinke - Joomla! User Group Fulda

Probleme im Editor - Zentriert