Wir wissen, dass Seite ihren sichtbaren Inhalt in Page Content Elementen speichert. Eine Seite zu bearbeiten bedeutet also, Page Content Elemente zu bearbeiten!

Es ist wirklich einfach, Seiteninhalte in TYPO3 zu editieren. Wählen Sie einfach das Page-Modul (#1), klicken Sie auf den Titel der Seite, die Sie bearbeiten möchten (#2) und klicken Sie in der "Columns"- (Spalten-) Ansicht (#3) auf das Editieren-Symbol (#4) des Page Content Elements, das Sie verändern möchten:

Diese Aktion mündet in folgender Ansicht:

Zunächst einmal zeigt Ihnen das Feld "Type:" (#1) den Typ des Page Content Elements an! In diesem Fall "Text". Er könnte genauso gut "Table" (wie Sie es vorher schon gesehen haben) oder "Image" oder "Text w/Image" sein. Probieren Sie es aus! Jeder Content Element Typ hat sein eigenes Aussehen und Felder für Inhalte; und durch das Einfügen von verschiedenen Elementen, können Sie eine große Vielfalt auf Ihrer Website erreichen.

Das "Header" Feld (#2) enthält die Überschrift und das "Text" Feld (#3) den Inhaltstext. Auf der Webseite sieht das folgendermaßen aus:

Versuchen Sie das Überschriftenfeld zu verändern und klicken Sie auf das "Speichere Dokument und zeige mir die Seite" - Symbol:

Weil Sie den Inhalt über den "Speichere Dokument und zeige mir die Seite" - Symbol gespeichert haben, wird das Frontend Fenster nach einigen Sekunden automatisch folgendes zeigen:

Was TYPO3 getan hat ist das Senden der Änderungen an den Webserver, die Datenbank mit der neuen Information zu aktualisieren, den Seitencache zu leeren und die Seite neu zu erzeugen - die Änderung ist sofort online und die Besucher Ihrer Website werden nun die neue Überschrift anstelle der alten sehen! Es ist so einfach und schnell, Webseiten mit TYPO3 zu pflegen!

Tipp: Eine andere Möglichkeit, den Editor aufzurufen

Anstatt sich mühsam vom "Page" Modul zum Page Tree usw. durchzuklicken, können Sie auch den Punkt "Edit item" aus dem kontextsensitiven Menü / click menu auswählen:

Tipp: QuickEdit - noch einen Mausklick sparen...

Wenn Sie einen schnellen Zugriff auf Ihre Page Content Elemente möchten, können Sie die Ansicht des Page Moduls auf "QuickEdit" anstelle von "Columns" wechseln - in dem Fall wird das erste Content Element der Seite sofort angezeigt:

Eine neue Seite zu erzeugen ist sehr einfach. Weil die Seiten in der Hierarchie des Page Trees organisiert sind, werden Sie zunächst eine Position für die neue Seite festlegen. Natürlich können Sie diese später ändern, wenn Sie möchten.

Um eine neue Seite zu erzeugen, benutzen Sie das Page Modul in der "Columns" Ansicht um den "New page" Assistenten zu starten - dieser wird Ihnen helfen, den richtigen Ort zu finden, an dem Sie Ihre Seite einfügen:

Anschließend wird eine Positionsauswahl erscheinen. Mit dieser können Sie die richtige Position der Seite visuell bestimmen:

Schließlich wird das Formular für eine neue Seite angezeigt und Sie können den Titel der Seite eingeben:

Speichern Sie das Dokument und schließen Sie es.

Nun sollte der Page Tree aktualisiert werden:

Und wenn Sie auf das Seiten Symbol der neuen Seite "Topscorer" klicken, sollten Sie sehen, dass das Menü im Frontend ebenfalls automatisch aktualisiert wurde!

Beachten Sie, dass die Seite über die id "27" aufgerufen wurde - die neue Seite hat also automatisch die "uid" Nummer "27" bekommen, als sie erzeugt wurde.

Die Seite ist immer noch leer - wir sollten also einige Content Elemente für diese Seite anlegen!

Page Content Elemente anlegen

Klicken Sie auf den Seitentitel der "Topscorer"-Seite im Page Tree und anschließend auf die Schaltfläche "Create page content":

Sofort sehen Sie ein schickes Formaular wie etwa das untenstehende. Dieses erlaubt Ihnen, einen Page Content Element Typ auszuwählen - wie ich schon vorher erklärt habe, erzeugen verschiedene Typen von Content Element auch verschiedene Inhalte auf der Webseite.

Lassen Sie uns ein Textelement mit Bild - ein "Text with image below" - erzeugen:

Sofort werden wir mit diesem Formular konfrontiert. Schreiben Sie einen beliebigen Inhalt und wählen Sie ein Bild ab Ihrer Festplatte (suchen Sie am besten nach einem kleinen JPEG Bild):

Klicken Sie auf den "Dokument speichern"-Button . Das Bild wird nun auf den Webserver geladen und an das neue Page Content Element angehängt. Wenn alles geklappt hat, so sollten Sie nun etwa folgendes sehen:

Auf der Webseite sieht das Ergebnis jetzt so aus:

Ein Content Element einfügen

Im Page Modul wird das neue Content Element eindeutig angezeigt:

Hinweis: Fehlt die Bildvorschau? Wenn von Ihrem Bild kein schönes kleines Vorschaubild angezeigt wird, ist TYPO3 für die Verwendung von ImageMagick vermutlich nicht richtig konfiguriert. Das kann zum Beispiel der Fall sein, wenn Sie nicht das Windows Installationspaket (siehe Abschnitt Installation in diesem Tutorial) verwendet haben. Sehen Sie sich dazu bitte die Informationen zum Thema Installation auf typo3.org und das Archiv der Mailingliste zum Thema Installation an. Sie können dieses Tutorial allerdings auch fortsetzen ohne dass diese Eigenschaften funktionieren.

Klicken Sie auf die Schaltfläche "New content" um ein neues Content Element mit einer Aufzählungliste (Bullet list) zu erzeugen:

Diesmal müssen wir noch eine zweite Auswahl zusätzlich treffen - wo soll das Element abgelegt werden? Soll es vor oder nach dem aktuellen Content Element erscheinen?

Wir fügen es nach dem aktuellen Element ein. Nun ist nur noch das Inhaltsfeld für die Aufzählung (Bullet list) übrig:

Beachten Sie, dass "Type" standardmäßig mit dem Wert "Bullet list" belegt wird - Sie hätten ihn stattdessen auch manuell auswählen können. Und Sie können den Typ später sogar ändern, ganz wie Sie möchten! Falls Sie wissen wollen, was die verschiedenen Content Typen bedeuten, so erinnern Sie sich an das kleine "?" Symbol und schon erhalten Sie die gewünschte Hilfe!

Nun besteht die Seite aus zwei Content Elementen, einem vom Typ "Text w/Image" und einer "Bulletlist" - in der folgenden Reihenfolge:

Im Page Modul sieht das so aus:

Verwaltung von Content Elementen

Sie haben gerade den "New content" Assistenten benutzt, um einen neuen Seiteninhalt zu erzeugen. Die Assistenten in TYPO3 erledigen allgemeine Arbeiten schnell und einfach, um Sie direkt zu den wichtigen Optionen zu führen. Dahinter verstecken sich allerdings eine Vielzahl weiterer Möglichkeiten, die ein Fine-Tuning und eine genaue manuelle Kontrolle erlauben. Sie werden das während Ihrer Arbeit mit TYPO3 immer wieder feststellen. Nehmen Sie sich daher die Zeit, die Schaltflächen und Optionen zu entdecken. Es gibt viele Möglichkeiten und Sie können diese nur kennenlernen, indem Sie sie ausprobieren!

Hier nun noch einige Beispiel an Features der Oberfläche, die Sie ausprobieren können:

Ein neues Page Content Element nach dem ersten erzeugen können Sie mit dieser Schaltfläche (#1). Standardmäßig werden Sie ein "Text" Element erhalten - ändern Sie bei Bedarf den Typ auf was immer Sie möchten. Der Button "Datensatz nach unten verschieben" (#2) kann dafür verwendet werden, die Reihenfolge der verschiedenen Content Elemente derselben Seite / Spalte zu verändern. Genauso können Sie die "Copy", "Cut" und "Paste after" Funktionen des click-menus (#8) nutzen - sie erlauben Ihnen sogar, Kopien zu erstellen und Elemente auf andere Seiten zu verschieben! Der "Hide / Unhide" Button (#3) ist ein schneller Weg, das "Versteckt" Flag eines Elementes zu verändern, und der Mülleimer (#4) erlaubt Ihnen, ein Element komplett zu löschen (allerdings kann es wiederhergestellt werden, wenn Ihnen dies einmal versehentlich passieren sollte).

Um in einem Element nur den eigentlichen Textbereich zu bearbeiten, gibt es eine komfortable Möglichkeit – klicken Sie auf die Schaltfläche "Edit in Rich Text Editor" (#5). Dies bewirkt, dass sich ein Vollbild-Fenster öffnet, in dem Sie den Text bearbeiten können - vorteilhaft, wenn Sie viel Text schreiben! Ein Klick auf die Symbole der Content Elemente zeigt Ihnen wie gewohnt das kontextsensitive Menü für das entsprechende Element. Zu guter Letzt können Sie nicht nur ein Content Element, sondern sogar zwei (oder mehr) gleichzeitig bearbeiten. Klicken Sie dazu auf das Column-edit Symbol (#7).

Eine Seite zu verschieben ist mit dem Assistenten des Page Moduls ebenfalls sehr einfach. Angenommen, wir möchten die Seite "Topscorer" von seiner aktuellen Position direkt hinter die Seite "Sitemap" in der "Home" Kategorie verschieben:

Sie sehen darauf einen Teil des Page Trees, und indem Sie auf die übergeordnete Seite klicken, wandern Sie eine Ebene höher:

Und durch einen einfachen, intuitiven Klick haben Sie die Seite an die neue Position verschoben:

Der Page Tree wird sofort aktualisiert:

Verwenden der 'cut and paste' Funktion um eine Seite zu verschieben

Der "Seite verschieben" Assistent ist wirklich das intuitivste Werkzeug für Anfänger. Trotzdem sollten Sie, wenn Sie einen besseren Überblick gewonnen haben, wie Elemente - und auch Seiten - in TYPO3 verschoben werden, das interne Klemmbrett (Clipboard) verwenden. Es funktioniert ziemlich genau wie das, welches Sie von Windows kennen (dort nennt es sich Zwischenablage): Sie klicken mit der rechten Maustaste auf ein Dokument, wählen "Cut", klicken anschließend auf den Ordner, in den Sie das Dokument einfügen wollen, und wählen schlussendlich "Paste". Das gleiche Prinzip wurde auch in TYPO3 verwendet. Lassen Sie uns auf diese Weise die Seite zurück verschieben:

Schneiden Sie die Seite aus:

Fügen Sie sie nach der "Report results" Seite ein:

Antworten Sie mit OK:

Das war's! Die Seite befindet sich wieder dort, wo sie hingehört:

Hintergrund: Achtung - durchgängige Konzepte an Bord!

Beachten Sie, dass das selbe Prinzip von copy/cut/paste nicht nur auf Seiten, sondern auch auf Page Content Elemente - grundsätzlich mit jedem Datenbank-Element oder jeder Datei, die TYPO3 verwaltet - angewendet werden kann! Dies ist ein gutes Beispiel dafür, dass TYPO3 dasselbe Konzept durchgängig und innerhalb des gesamten Systems verwendet. Wenn Sie also eine Funktion einmal erlernt haben, werden auch viele andere Funktionen für Sie einen Sinn ergeben! Wenn Sie mit offenen Augen dran bleiben, werden Ihnen viele dieser "Aha-Erlebnisse" verdeutlichen, wie Dinge gestaltet wurden, um zusammenzupassen.

Eine Funktion, die Sie bei vielen Elementen - vor allem Seiten und Page Content Elementen - wiederfinden werden, sind Felder für die Veröffentlichungs-Kontrolle oder auch Sichtbarkeits-Einstellungen. Folgendermaßen sehen Sie bei Seiten aus:

Bei Content Elementen befinden sie sich am Ende des Formulars:

Seiten verstecken

Versuchen Sie, die "Hide page" Box anzuwählen:

Schnell können Sie am grauen Symbol mit dem roten Kreuz erkennen: Die Seite ist nun versteckt!

Das bedeutet, dass Sie die Seite nicht im Frontend sehen können:

(Sehr wichtig: Wählen Sie "Show" für die Seite "Last week"!)

Hier sehen Sie ... keine "This week"-Seite:

Wenn Sie jedoch direkt auf die "This week" Seite gehen, werden Sie sie TROTZDEM sehen:

... denn wenn Sie als Backend-Benutzer angemeldet sind, können versteckte Seiten in einer Vorschau gezeigt werden - dies zeigt auch die kleine Box am Ende der Seite:

Aber: Nur Sie können dies sehen. Niemand anders auf der Welt kann die Seite sehen, bevor Sie sie nicht wieder sichtbar machen!

Zeitabhängige Seiten und Content Elemente

Seiten und Content Elemente zu verstecken wird vermutlich die geläufigste Art von Sichtbarkeits-Einstellungen sein. Sie ist so gebräuchlich, dass sie ihren eigenen Platz im Kontext-Menü hat:

Sie können aber auch bestimmen, wann eine Seite online gehen soll - an welchem Datum! Versuchen Sie beispielsweise den Code "d+10" in das "Start time" Feld einzutragen:

Das Datum wird automatisch auf das aktuelle Datum plus 10 Tage gesetzt! Wenn Sie die Seite speichern und die Maus über das Symbol bewegen, können Sie diese Einstellungen sogar sehen:

Und raten Sie - richtig, die Seite ist aktuell nicht sichtbar und wird automatisch am 11. April 2003 - 10 Tage später - sichtbar sein! So einfach ist es, die Veröffentlichung von Informationen anhand von Startzeiten zu steuern. Das gleiche Prinzip funktioniert natürlich auch für das "Stop" Feld. Und auch für Page content Elemente, News Elemente, Gästebuch Elemente - was auch immer. Das gleiche Prinzip an verschiedensten Stellen - leicht verständlich.

Wenn Sie den Text auf Ihrer Seite bearbeiten, können Sie dieselbe Art von Formatierungen verwenden, die Sie auch aus Ihrer Textverarbeitung kennen. Wenn TYPO3 mit dem Microsoft Internet Explorer verwendet wird, so haben Sie Zugriff auf den Rich Text Editor (RTE). "Rich Text" bedeutet, dass Sie dem Text bestimmte Formatierungen hinzufügen können, anstatt ihn einfach nur zu schreiben.

Probieren Sie einmal, das Haupttextfeld der neuen "Topscorer"-Seite zu bearbeiten:

Markieren Sie den Text "my first" und klicken Sie auf das "B" (Bold) um Ihren Text fettgedruckt erscheinen zu lassen:

Indem Sie die Buttons "B", "I", "U" und "Zentrieren" benutzen, können Sie dem Absatz leicht folgendes Aussehen geben:

Klicken Sie auf die "Speichere Dokument und zeige mir die Seite" - Schaltfläche - und betrachten Sie das Ergebnis im Frontend:

Eine Aufzählung erzeugen

Genauso einfach können Sie Aufzählungen erstellen. Klicken Sie einfach auf das Symbol "Aufzählung" und tippen Sie einige Zeilen Text ein:

Speichern und anzeigen - das Frontend reagiert so:

Überlegungen zu "Rich Content"

Wie Sie sehen haben Sie hier zwei Möglichkeiten: a) Sie erzeugen die Aufzählungen "inline", also innerhalb des Haupttextfeldes im Rich Text Editor oder b) Sie erstellen sie als separate Content Elemente. Sie können beide Ansätze mischen. Ich persönlich finde es sehr komfortabel Aufzählungen direkt in den Haupttextfeldern mit dem RTE zu erzeugen - aber wenn jemand ohne den Internet Explorer diese Liste bearbeiten möchte, ist das häufig schwierig. Und es kann auch sein, dass Sie "politische Gründe" haben, dass Aufzählungen nicht im Haupttextfeld erscheinen soll (um diesen "sauber" zu halten).

Mehr Details zum RTE

Der Rich Text Editor mag in der Verwendung sehr einfach sein, aber er wirft auch viele technische Herausforderungen auf wenn Sie weiter in die Details gehen. Es gibt eine ausführliche Dokumentation über den RTE. Lesen Sie mehr über die Tiefen des RTE und wie Sie ihn konfigurieren.

Manche sagen, dass Hyperlinks der Klebstoff sind, der das Internet zusammenhält. In TYPO3 wurden Ihre Links bereits automatisch erstellt, nur durch das Erstellen der Seiten in der hierarchischen Struktur des Page Trees wurde das Menü im linken Frame automatisch erstellt.

Trotzdem werden Sie von einem Stück Text zu einer anderen Seite, einer Datei, einer anderen Website oder auf eine Email-Adresse verweisen möchten, richtig?

Besonders einfach ist dies, wenn Sie den Rich Text Editor verwenden:

Markieren Sie einfach den Text und klicken Sie auf das "Link einfügen"-Symbol:

Anschließend klicken Sie auf den Titel der Gästebuch-Seite:

... und der Text wurde verlinkt:

Im Frontend erzeugt dies einen Link, genauso wie Sie es erwarten. Klicken Sie darauf und Sie landen auf der Seite mit dem Gästebuch!

Hinter den Kulissen

Ich hatte kurz erwähnt, dass es die Verwendung des Rich Text Editors ein Problem darstellen könnte, wenn Sie den Inhalt später in seiner rohen Form editieren möchten. Das können Sie simulieren, indem Sie das ganze Content Element zum Editieren auswählen und die "Disable Rich Text Editor" Option am Ende des Formulares auswählen (bevor Sie irgendetwas bearbeiten):

Das "Text" Feld wird nun aussehen wie ein ganz normales Formular Feld:

Als erste fällt Ihnen vielleicht auf, dass der Link zur "Gästebuch"-Seite durch einen TYPO3-spezifischen Tag, <link>, zusammen mit der Page id realisiert wurde. Dies macht es Menschen ohne den RTE leicht, ebenfalls Links zu erzeugen! Es ist einfach genug, um es per Hand zu erledigen. (Hinweis: Der interne "<link>" Tag wird zu einem richtigen HTML "<a>" Tag konvertiert, wenn die Seite erzeugt wird).

Außerdem erkennen Sie, dass die Aufzählung in eine Serie von verschachtelten <typolist>-Tags - also TYPO3-eigene Tags - konvertiert wurde. Diese werden von der Template Engine ebenfalls zu einer richtigen Aufzählung konvertiert, wenn die Seite später erzeugt wird.

Die allererste Zeile enthält reguläre HTML-Ausdrücke für fett, kursiv und unterstrichen und die zentrierte Ausrichtung des gesamten Absatzes.

Andere Arten von Links?

Sie können Links zu lokalen Dateien und externen Webseiten - sogar zu direkt zu einem bestimmten Content Element einer Seite erzeugen (auf der Seite "Last week" finden Sie ein Beispiel - oder finden Sie es selbst heraus!)

Schließlich können natürlich auch Links zu Email Adressen erzeugt werden. Ganz einfach.

Jetzt, da wir den Rich Text Editor deaktiviert haben, können wir doch einmal das Assistenten-Symbol für die Vollbild-Bearbeitung benutzen:

Erzeugen Sie ein neues Element in der Aufzählung, markieren Sie es und klicken Sie auf den "Link einfügen" Button. Dann wählen Sie "Email" im Link-Typen-Menü und geben Ihre Email Adresse ein:

Das Ergebnis sollte nach dem Speichern wie erwartet so aussehen:

- ein Link welcher das Email-Programm des Besuchers öffnet erlaubt Ihnen gleich eine neue Mail zu schreiben:

Wie Sie bereits wissen gibt es zahlreiche Typen von Page Content Elementen und indem Sie diese kombinieren erreichen Sie vielfältige Websites, auf denen nicht jeder Seite aussieht wie die andere!

Als Daumenregel könnte man sagen, dass je weiter unten in der Liste sich ein Element befindet, desto komplexer ist es oder desto seltener wird des benutzt. Das absolut am meisten benutzte Element ist Text oder das Text w/Image Element.

Assistenten

Beachten Sie auch, dass einige Elemente einen kleinen Assistenten zur Verfügung stellen. Probieren Sie beispielsweise einmal die Ergebnisliste auf der Seite "This week" zu bearbeiten:

Das "Text" Feld, welches normalerweise reinen Text enthält, zeigt nun den Tabelleninhalt in einer offensichtlich  systematisch angeordneten Weise:

Die Tabelle wird erzeugt, indem jede Zeile des "Text"-Feldes als eine Tabellenzeile interpretiert wird. Die vertikale Linie, | , wird verwendet um Spalten voneinander zu trennen. Dies ist eine Möglichkeit auf der grundlegendsten Ebene und sie könnte per Hand genutzt werden. Allerdings wird der "Table Wizard" für die meisten das angemessenere Tool sein (siehe oben auf der rechten Seite). In ihm finden Sie spezielle Formularfelder und Schaltflächen für das Hinzufügen, Löschen und Verschieben von Tabelleninhalten.

Eine neue Zeile würden Sie beispielsweise auf diese Art und Weise hinzufügen:

Anschließend fügen Sie Inhalte in die neue Zeile ein:

Speichern Sie den Inhalt des Tabellen Assistenten und zurück im Textfeld sehen Sie den tatsächlichen, zugrundeliegenden Inhalt:

Wenn Sie die Webseite im Frontend aktualisieren, sehen Sie die folgende Ausgabe:

Wenn Sie sich fragen, wie Sie die Hintergrundfarbe verändern könnten - lesen Sie weiter!

Zusätzliche Optionen - "Paletten"

Aus den Anfängen von TYPO3 hat sich das Konzept von primären und sekundären Formularfeldern gehalten. Die Formulare in TYPO3 enthalten eine Menge an Feldern, und sie können sogar noch um einige erweitert werden. Wenn jedoch viele Felder gleichzeitig sichtbar sind, wird es für den Durchschnittsnutzer schwierig, den Überblick zu behalten. Vor allem natürlich wenn Sie Anfänger sind und noch viele andere neue Dinge im Kopf behalten müssen.

Das Konzept von primären und sekundären Feldern bedeutet, dass Sie normalerweise nur die wichtigsten und häufig genutzten Felder sehen (primär / primary). Die etwas detaillierteren Optionen sind in den sekundären Feldern, die auf Wunsch angezeigt werden, versteckt.

Gehen wir von einmal von folgendem Formular aus:

Drei Felder werden angezeigt - einfach zu überblicken:

Aber wenn Sie auf eines der Symbole neben den Feldern klicken, werden im oberen Frame die secondary options in der palette gezeigt:

Das ist wirklich clever - wir haben viele Optionen, eine Menge an Details, doch sie werden so lange verstaut bis wir sie brauchen, so dass uns das nicht weiter verwirrt.

Die Kehrseite der Medaille ist jedoch, dass es sogar verwirrend sein kann danach zu suchen, wenn Sie eine dieser secondary options benötigen und sich nicht daran erinnern können "hinter welchem Symbol" sie sich verbirgt (oder wenn Sie das Feld häufig benutzen).

Und genau deshalb können Sie die Option "Show secondary options" am Ende aller Bearbeitungsformulare aktivieren:

Das Ergebnis ist ein grosses - und möglicherweise verwirrendes - Formular. Allerdings mit allen Optionen, die zur Verfügung stehen, auf einen Blick:

Beachten Sie wie jede Zeile an Optionen genau mit den Inhalten der Palette im oberen Frame zusammenhängt, die angezeigt wurde als Sie vorher auf das "Weitere Optionen" Symbol geklickt haben.

Wie verändern wir nun die Hintergrundfarbe der Tabelle? In den secondary options des Bereiches "Layout":

(Die Beschriftung "Color 2" bezieht sich auf die Farbe, die innerhalb des Website Templates mit diesem Namen definiert wurde)

Die letzte Bemerkung zum Bearbeiten von Seiten ist das direkte Editieren im Frontend. Es tut mir leid, dass es so viele Wege gibt, ein und dasselbe zu tun. Aber nach einiger Zeit werden Sie diese Tatsache schätzen, denn Sie werden herausfinden, welche Art Sie am liebsten mögen und können dann Ihre Arbeit in weniger Zeit erledigen, weil TYPO3 diese Möglichkeit anbietet.

Aber das Editieren im Frontend ist nicht nur ein neuer Button - es kann womöglich die Art und Weise, wie Sie oder Ihre Inhaltslieferanten mit dem System arbeiten, revolutionieren.

Ihnen sind vielleicht die kleinen Bearbeiten-Symbole auf der Webseite aufgefallen:

Klicken Sie einfach auf eines von ihnen:

Sofort öffnet sich ein Formular, in dem nur das Überschriften Feld und andere relevante Informationen direkt bearbeitet werden können!

Probieren Sie, die Überschrift zu verändern, und klicken Sie auf "Speichere mir das Dokument und schließe das Fenster" - Sie landen wieder auf der Webseite und die Änderung ist sofort sichtbar:

Das ist es was Frontend-Editing ausmacht - es ist intuitiv, großartig um kleine Fehler zu korrigieren und kleine Anpassungen zu machen. Es ist eine gute Lösung für technisch weniger versierte Redakteure in Ihrem Team usw. Es ist die kontextsensitive Bearbeitungsmethode!

Und jetzt kann jeder meine Seiten verändern?

Nein, natürlich nicht - nur wenn Sie am Backend angemeldet sind. Ansonsten sind die Symbole versteckt - und wenn irgendjemand auf sie klicken könnte würde er zurückgewiesen werden. Probieren Sie es aus - melden Sie sich vom Backend ab:

Wenn Sie noch eine Frontend Seite mit den Bearbeitungssymbolen geöffnet haben, probieren Sie auf eines zu klicken - anstelle des Bearbeitungsformular sehen Sie diese Meldung:

... und wenn Sie die Webseite neu laden, sehen Sie dass die Symbole nun verschwunden sind:

Nun melden Sie sich wieder an unter http://localhost/quickstart/typo3/ (Benutzername = "admin", Passwort = "password")

Weitere Informationen

Die Möglichkeit im Frontend zu editieren wird in weiteren Details auch auf dieser Seite beschrieben - Frontend editing.