--- title: Ein Klick genügt — wie Du jetzt beim Hinzufügen von TYPO3-Elementen Zeit sparst url: "https://b13.com/de/wissen/direktes-speichern-von-neuen-inhaltselementen-in-typo3" description: "TYPO3 v10 spart Zeit und reduziert Klicks für Redakteure: Ein einziger Klick genügt, um nicht individuell konfigurierbare Inhaltselemente hinzuzufügen. Ein weiterer Grund für ein Upgrade!" image: "https://b13.com/fileadmin/_processed_/f/1/csm_Create_Content_Elements_191-2_05b837536c.png" date: 2020-06-02 modified: 2026-08-19 lastUpdated: 2026-08-19 --- # Ein Klick genügt — wie Du jetzt beim Hinzufügen von TYPO3-Elementen Zeit sparst [ CType ](https://b13.com/de/wissen/ctype) [ TYPO3v10 ](https://b13.com/de/wissen/typo3v10) Ein Klick genügt — wie Du jetzt beim Hinzufügen von TYPO3-Elementen Zeit sparst ================================================================================= ![](https://b13.com/fileadmin/_processed_/a/d/csm_david_5ce18d41e2.jpg)David Steeb 03. Juni 2020 [ RSS Feed ](https://b13.com/de/rss.xml) ![Eine Person sitzt an einem Tisch mit hochgelegten Füßen und nutzt einen Laptop. Im Hintergrund sind schwebende Chatblasen und eine Grafik einer Landschaft zu sehen, die auf Online-Kommunikation und digitale Inhaltserstellung hindeuten.](https://b13.com/fileadmin/_processed_/1/7/csm_Create_Content_Elements_f16f83670e.webp) In TYPO3 v10 wurde ein unnötiger Schritt beim Hinzufügen von Inhaltselementen, die nicht konfigurierbar sind (oder in der Regel nicht konfiguriert werden müssen), entfernt. Diese Vereinfachung erspart Redakteuren unzählige Klicks, Zeit und unnötige Umwege. Wie es zu der Änderung kam ---------------------------- Weil TYPO3 elementbasiert arbeitet, ermöglicht es Redakteuren, ihre Inhalte einmal in semantische Inhaltselemente einzugeben, und effizient über alle Kanäle und Geräte hinweg auszugeben. Vor einiger Zeit arbeiteten wir an einer Erweiterung, um den Redakteuren eines Kunden standardisierte Layout-Elemente in der Redakteursoberfläche innerhalb des Backend-Seitenmoduls zur Verfügung zu stellen. Für viele dieser Layout-Elemente war keine Konfiguration und keine Inhaltseingabe erforderlich. Wir dachten, es wäre hilfreich, den Redakteuren ein paar Klicks zu ersparen, indem wir das Konfigurationsformular eines Elements ganz umgehen. Es ist völlig unnötig, Redakteuren ein Konfigurationsformular für Dinge wie Trennlinien und standardisierte Überschriften anzuzeigen, so dass sie dann erst nach einem Klick auf „Speichern“ und dann „Schließen“ ihre Arbeit fortsetzen können. Wir fanden es sinnvoll, dass der TYPO3-Core diese Möglichkeit ebenfalls bieten sollte. Also fügte Benni diese Option kurzerhand zu TYPO3 v10 hinzu — und wir lieben dieses Feature! Es wird Tausenden von Redakteuren auf der ganzen Welt unbemerkt so viel Zeit sparen und sie für die korrekte Strukturierung ihrer Inhalte belohnen. Einfache Strukturierung der Inhalte für Redakteure ---------------------------------------------------- Strukturierte Inhalte waren schon immer einer der großen Vorteile von TYPO3: Die Arbeit der Redakteure wird dadurch erleichtert, dass sie sie einmal eingeben und auf vielen Geräten und Ausgabekanälen schön (und korrekt) darstellen können. Allerdings erfordert es auch eine gewisse Disziplin der Redakteure. Je klarer also die Eingabe und Bearbeitung von Inhalten im Backend dargestellt ist, desto besser bekommst Du die Redakteure mit diesem Ansatz an Bord. Inhalte können dann so wie es das System vorsieht (und Du in der Verarbeitung annimmst) im Backend gepflegt werden. Die neue „Speichern und Schließen“-Option von TYPO3 v10 eignet sich hervorragend für einfache Elemente wie Trennlinien und vorkonfigurierte Layouts mit Bereichen für Inhalte. Aber es gibt auch komplexere Szenarien: Nehmen wir an, Du hast einen Inhaltstyp für Mitarbeiter mit standardisierten Überschriften, aber Du möchtest, dass der Redakteur in der Lage ist, die Reihenfolge zu ändern, z.B. „Persönliche Leistungen“ über „Bisherige Laufbahn“ zu setzen (die Überschriften selbst aber nicht anders benennen zu können). Bei einem starr vordefinierten Element ist eine Umsortierung nicht einfach möglich. Du könntest jedoch die Überschriften als verfügbare Inhaltselemente anbieten und sie vom Redakteur entsprechend platzieren lassen. Die Wiederverwendung dieser Inhaltselemente stellt sicher, dass der Wortlaut der Abschnitte auf der gesamten Website einschließlich der Übersetzungen konsistent ist. Wenn Du die Titel zentral änderst, werden sie überall aktualisiert. ![Menüoptionen zum Erstellen eines neuen Inhaltelements, einschließlich Auswahlmöglichkeiten für Einfaches HTML, Trennlinie und Datensätze einfügen, mit kurzen Beschreibungen der Funktionalität jeder Option.](https://b13.com/fileadmin/_processed_/e/b/csm_Screenshot_2020-06-02_at_14.17.38_637c14e246.webp) Als Teil der Standard-Inhaltselementtypen von TYPO3 ist das „Divider“-Element standardmäßig so konfiguriert, dass es diese neue One-Click-Erstell-Option verwendet. Diese kleine Verbesserung der Editor-Oberfläche wird den Redakteuren, die täglich mit TYPO3 arbeiten, viele unnötige Klicks ersparen. Wie Entwickler dieses neue Feature nutzen können -------------------------------------------------- Nachdem ich Dir dieses Feature hoffentlich schmackhaft gemacht habe, stellt sich natürlich die Frage, wie es ein Entwickler umsetzt. Du musst im Prinzip nur einen Schalter umlegen und `saveAndClose` auf `true` setzen: ``` 1

2

3

4

5

6

7

8

9

``` ``` div {

iconIdentifier = content-special-div

title = Divider

description = This element inserts a visual divider.

tt_content_defValues {

CType = div

}

saveAndClose = true

}

``` Dieses TYPO3 v10 ist ganz schön gut, oder? Zeit für ein Upgrade! ------------------------------------------------------------------ Wenn Du bereits TYPO3 v10 benutzt, dann „Willkommen im Club!“ Unsere Website läuft bereits auf Version 10 und wir sprechen gerne mit Dir über ein Upgrade. In unserer „13 Dinge“-Reihe werden wir Dir viele neue Änderungen vorstellen und Gründe nennen, warum sich das Update lohnt. [ Let’s Connect ](https://b13.com/de/kontakt) ### Geschrieben von: ![Lächelnder Mann mit kurzen Haaren und einem Bart, der ein rotes T-Shirt trägt, steht in einem gut beleuchteten Innenraum mit verschwommenem Hintergrund.](https://b13.com/fileadmin/_processed_/a/d/csm_david_cf042ebb7f.webp) Als b13-Gründer und CEO is David derjenige, mit dem Du es zu tun haben wirst, wenn Du mit uns zusammenarbeiten möchtest. Er eignet sich ständig neue Fähigkeiten an und bestimmt maßgeblich unsere hochmodernen Ansätze in der Frontend-Entwicklung. David Steeb CEO [ mehr von David Steeb ](https://b13.com/de/team/david-steeb) Ähnliche Artikel ------------------ - ![Zwei stilisierte Webseiten-Designs mit einem Benutzerprofil, Platzhaltern für Bilder und Textabschnitten, vor einem hellblauen Hintergrund.](https://b13.com/fileadmin/_processed_/2/0/csm_BackendPreview_Headerbild_b4c5799cfa.webp) ### Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben 09. Februar 2026 | David Steeb EXT:backendpreviews sorgt für konsistente Content-Previews im TYPO3-Backend mit Fluid Templates, Layouts und Partials. [ weiterlesen: Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben ](https://b13.com/de/wissen/backend-content-previews-mit-system-warum-wir-extbackendpreviews-entwickelt-haben) - ![Ein gelbes Benutzeroberflächenpanel mit mehreren Abschnitten und Reitern, vor einem dunkelgrünen Hintergrund mit abstrakten Formen und Zahnrädern. Das Panel enthält Platzhalter für Text und Kontrollkästchen.](https://b13.com/fileadmin/_processed_/9/e/csm_Dashboard_63f98a27c9.webp) ### Optimiere deinen täglichen Workflow mit dem TYPO3 Dashboard 30. März 2021 | Oliver Bartsch Das TYPO3 Dashboard ist auf maximale Erweiterbarkeit ausgerichtet. Entdecke die Vorteile, wirf einen Blick unter die Haube und finde heraus, wie du deine eigenen Widgets erstellen… [ weiterlesen: Optimiere deinen täglichen Workflow mit dem TYPO3 Dashboard ](https://b13.com/de/wissen/optimiere-deinen-taeglichen-workflow-mit-dem-typo3-dashboard) - ![Drei stilisierte Schnecken in lebhaften Farben sind vor einem dunklen lila Hintergrund abgebildet, umgeben von abstrakten Formen und grasähnlichen Elementen. Die Schnecken haben auffällige Augen und langgestreckte Körper, was eine verspielte Unterwasserszene schafft.](https://b13.com/fileadmin/_processed_/e/6/csm_slugs_17a8ee1543.webp) ### SEO Marketing — automatische Slug Updates und Erstellung von Redirects 08. Dezember 2020 TYPO3 hat einige wichtige Verbesserungen für das Site-Handling in v9 und v10 vorgenommen. Wir haben eine kleine Erklärung zu den Neuerungen geschrieben, einschließlich der Änderung… [ weiterlesen: SEO Marketing — automatische Slug Updates und Erstellung von Redirects ](https://b13.com/de/wissen/auto-slug-update-typo3-v10) - ![Eine Person, die eine Baskenmütze und einen fransigen Poncho trägt, winkt einem Dampflokzug zum Abschied, umgeben von stilisiertem Rauch und einem dunklen Hintergrund.](https://b13.com/fileadmin/_processed_/3/c/csm_Deprecations_f2863dfb8d.webp) ### Die besten Deprecations und Breaking Changes in TYPO3 v10 18. August 2020 | Michael Semle Diese Änderungen sorgen dafür, dass TYPO3 großartig bleibt. Sie sind die Mühe wert, sich darauf einzustellen! [ weiterlesen: Die besten Deprecations und Breaking Changes in TYPO3 v10 ](https://b13.com/de/wissen/die-besten-deprecations-und-breaking-changes-in-typo3-v10) - ![Eine Person hält zwei große Schilder, auf denen das Wort "EVENT" in fetten Buchstaben steht. Die Figur ist stilisiert mit einem vereinfachten Design und einer warmen Farbpalette, vor einem lebhaften Hintergrund.](https://b13.com/fileadmin/_processed_/6/4/csm_event-dispatcher_22da41c4ee.webp) ### Noch eine Sache, die wir an TYPO3 v10 lieben: Der PSR-14 Event-Dispatcher 11. August 2020 | Daniel Goerz Es ist nun einfacher, TYPO3-Code von Drittanbietern zu erweitern. Sowohl für Anfänger als auch für erfahrene Entwickler. Ein weiterer Grund für ein Upgrade. [ weiterlesen: Noch eine Sache, die wir an TYPO3 v10 lieben: Der PSR-14 Event-Dispatcher ](https://b13.com/de/wissen/psr-14-event-dispatcher-in-typo3-v10) - ![Ein stilisierter Flamingo schwebt in einem Pool mit einem Getränk im Flügel, umgeben von abstrakten Formen und tropischen Blättern. Die Farbpalette umfasst tiefe Violetttöne und sanfte Pastellfarben.](https://b13.com/fileadmin/_processed_/9/e/csm_Lazy_Images_faf015e156.webp) ### Lazy loading in TYPO3 v10: noch einfacher 28. Juli 2020 | Daniel Sattler Erfahre mehr darüber, wie TYPO3 v10 kürzere Seitenladezeiten erreicht und durch browsernatives Lazy Loading von Bildern weniger Bandbreite benötigt — und das ohne JavaScript! [ weiterlesen: Lazy loading in TYPO3 v10: noch einfacher ](https://b13.com/de/wissen/lazy-loading-in-typo3-v10-noch-einfacher) - ![Zwei Personen, eine mit langen Haaren und die andere mit kurzen Haaren, zeigen auf einen großen digitalen Bildschirm, der Texte und Grafiken anzeigt. Die Szene ist von lebhaften Farben und abstrakten Formen im Hintergrund geprägt.](https://b13.com/fileadmin/_processed_/c/9/csm_Container_pt3_8f99cd005e.webp) ### Flexible Container und Grids für TYPO3, Teil drei 22. Juli 2020 | David Steeb Wie man mit Hilfe der TYPO3 Container Extension komplexe Unterstrukturen für das Seitenlayout hinzufügt. Teil 3 unserer Serie. [ weiterlesen: Flexible Container und Grids für TYPO3, Teil drei ](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-drei) - ![Eine Person mit lockigem Haar steht vor einem großen Computerbildschirm, der Texte und Grafiken anzeigt, während zwei kleinere Dokumente in der Nähe platziert sind. Das gesamte Farbschema besteht aus Blau- und Orangetönen.](https://b13.com/fileadmin/_processed_/b/3/csm_Container_pt2_6a4e55a6b1.webp) ### Flexible Container und Grids für TYPO3, Teil zwei 20. Juli 2020 | David Steeb Wie man die in TYPO3 eingebauten Layouts mit Hilfe der Container Extension um ein einfaches 2-Spalten-Element erweitert. Teil 2 unserer Serie. [ weiterlesen: Flexible Container und Grids für TYPO3, Teil zwei ](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-zwei) - ![Ein stilisiertes Computerfenster zeigt ein Rasterlayout mit gelben Abschnitten und Textzeilen, umgeben von abstrakten Formen und Laub auf einem dunklen Hintergrund.](https://b13.com/fileadmin/_processed_/7/c/csm_Container_pt1_625927eee4.webp) ### Flexible Container und Grids für TYPO3 16. Juli 2020 | David Steeb Erweitere die eingebauten Layout-Konzepte von TYPO3 mit der Container Extension. Einfache Flexibilität für Redakteure, reduziertes Risiko für zukünftige Upgrades. [ weiterlesen: Flexible Container und Grids für TYPO3 ](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3) - ![Eine Person steht mit einem fragenden Ausdruck neben einem verschlossenen Vorhängeschloss und einem Passwortfeld, umgeben von stilisierten Schlüsseln und abstrakten Formen, die Sicherheit und Zugangsherausforderungen symbolisieren.](https://b13.com/fileadmin/_processed_/8/9/csm_Forgot_Password_bcd4ae8edd.webp) ### Der TYPO3-Passwort Reset — sicherer, bequemer und effizient 01. Juli 2020 | Daniel Gorges Redakteure können ihr Passwort sicher zurücksetzen, ohne sich an einen Admin wenden zu müssen. Ein weiterer Grund, auf die neueste Version zu aktualisieren. [ weiterlesen: Der TYPO3-Passwort Reset — sicherer, bequemer und effizient ](https://b13.com/de/wissen/der-typo3-passwort-reset-sicherer-bequemer-und-effizient)