TYPO3 8 Release Notes

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">  <link rel="icon" href="/_assets/a686d4200d36973f64d48f0547522f58/Icons/favicon.ico" type="image/vnd.microsoft.icon"> <title>TYPO3 8 Release Notes</title> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="generator" content="TYPO3 CMS"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index,follow"> <meta name="twitter:card" content="summary"> <meta name="apple-mobile-web-app-capable" content="no"> <link rel="stylesheet" href="/_assets/a686d4200d36973f64d48f0547522f58/Css/main.min.css?1726733879" media="all"> <link rel="stylesheet" href="/_assets/57d587a9ea415976d07cbef231e1a2f7/Css/typo3_roadmap.css?1726733874" media="all"> <link rel="stylesheet" href="/_assets/47400bb84e4e0324cd1d0a84db430fe5/Css/styles.css?1716924527" media="all"> <link rel="stylesheet" href="/_assets/57d587a9ea415976d07cbef231e1a2f7/Css/styles.css?1726733874" media="all"> <script> /*<![CDATA[*/ /*TS_inlineJS*/ var privacypolicyurl = 'https://typo3.org/privacy-policy/'; var cookietext = 'We use cookies to make our website optimal for you and to continuously improve it. By continuing to use the site, you consent to the use of cookies.<br>For more information about cookies, please visit our'; var cookielinktext = 'privacy policy'; var cookiebuttontext = 'Got it!'; var requireJsBasePath = ''; /*]]>*/ </script> <link rel="alternate" type="application/rss+xml" title="Official typo3.org news" href="/rss" /><link rel="alternate" type="application/rss+xml" title="Official typo3.org news" href="/rss-security" /> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-MFBV5Q5');</script><link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/FontAwesome/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/FontAwesome/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/Share/share-v8-latin-700.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/Share/share-v8-latin-regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/Slick/slick.woff" as="font" type="font/woff" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/SourceSansPro/SourceSansPro-Bold.otf.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/SourceSansPro/SourceSansPro-Light.otf.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="/_assets/a686d4200d36973f64d48f0547522f58/Fonts/SourceSansPro/SourceSansPro-Regular.otf.woff2" as="font" type="font/woff2" crossorigin> <link rel="canonical" href="https://typo3.org/cms/release-news/typo3-8-release-notes"/>  <script type="application/ld+json">[{"@context":"https:\/\/www.schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/typo3.org\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/typo3.org\/cms","name":"Overview"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/typo3.org\/cms\/release-news","name":"Release News"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/typo3.org\/cms\/release-news\/typo3-8-release-notes","name":"TYPO3 8 Release Notes"}}]}]</script> </head> <body> <script> var _paq = _paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); _paq.push(['setVisitorCookieTimeout', '2592000']); _paq.push(['setSessionCookieTimeout', '0']); _paq.push(['setDoNotTrack', true]); (function () { var u = "//piwik.typo3.org/"; _paq.push(['setTrackerUrl', u + 'piwik.php']); _paq.push(['setSiteId', '2']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = u + 'piwik.js'; s.parentNode.insertBefore(g, s); })(); </script> <noscript><img src="//piwik.typo3.org/piwik.php?idsite=2&rec=1" style="border:0;" alt=""/></noscript> <typo3-universe active="community">  <div style="display: block; height: 44px; background-color: #fff;"></div> </typo3-universe> <div id="loadingDiv" style="display: none;"> <div class="loader"> <img src="/_assets/a686d4200d36973f64d48f0547522f58/Images/typo3_logo.svg" width="636" height="602" alt="" /> </div> </div> <div class="page-container mx-auto"> <script> function isEmpty( elem ) { if ( $( elem ).length ) { $( elem ).addClass( '_touched' ); } else { $( elem ).removeClass( '_touched' ); } } window.onload = function () { isEmpty( document.getElementById( 'login-user' ) ); isEmpty( document.getElementById( 'login-pass' ) ); } </script> <header class="container-fluid main-header"> <div class="main-header__bottom"> <div class="container m-auto"> <div class="main-nav"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="navbar-brand"> <div class="logo"><a href="/" target="_top" id="headerLogo" title="Go to the start page" class="logoLink"><img src="/_assets/a686d4200d36973f64d48f0547522f58/Images/Template/typo3_nomargins.svg" width="303" height="84" alt="TYPO3 Logo" title="Go to the start page" ></a></div> </div> <button class="navbar-toggler ml-auto main-nav__burger js__main-nav__burger"> <span class="main-nav__burger-element"></span> </button> <div class="font-header-menu main-nav__collapse js__main-nav__collapse"> <div class="navbar-collapse main-nav__collapse-inner"> <ul id="mainNav" class="navbar-nav main-nav__list w-100" data-login-pid="229"> <li class="main-nav__list-item js__main-nav__list-item _active">  <a href="/cms" title="Open menu for TYPO3 CMS" class="main-nav__list-item_link js__main-nav__list-item_link" data-id="2" data-level="1" data-sub="1" > <span class="">TYPO3 CMS</span> </a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Free and open source, TYPO3 CMS is a leading content management system with a feature set eclipsing that of our commercial and proprietary competitors." href="/cms"> </a> <ul class="list-group flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-2"> <li class="list-group-item sub-nav__list-item"> <a href="/cms/features" title="TYPO3 delivers flexible fast content powered by an enterprise open-source CMS. It’s backed by a vibrant professional community and commercial ecosystem." class="sub-nav__list-item_link ">Features</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="TYPO3 delivers flexible fast content powered by an enterprise open-source CMS. It’s backed by a vibrant professional community and commercial ecosystem." href="/cms/features"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/cms/features/smart-content-management" class="sub-nav__list-item_link ">Smart Content Management</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/secure-performant-scalable" class="sub-nav__list-item_link ">Secure Performant Scalable</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/frontend-experience" class="sub-nav__list-item_link ">Universal Frontend User Experience</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/professional-open-source" class="sub-nav__list-item_link ">Professional Open Source</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/open-extensible-customizable" class="sub-nav__list-item_link ">Open Extensible Customizable</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/digital-marketing-enabled" class="sub-nav__list-item_link ">Digital Marketing Enabled</a> </li> <li class="sub-nav__list-item"> <a href="/cms/features/massively-multisite-multilingual" class="sub-nav__list-item_link ">Massively Multisite Multilingual</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/cms/roadmap" title="The TYPO3 CMS development roadmap follows an 18-month release cycle for Long Term Support versions. " class="sub-nav__list-item_link ">Development Roadmap</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="The TYPO3 CMS development roadmap follows an 18-month release cycle for Long Term Support versions. " href="/cms/roadmap"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/cms/roadmap" class="sub-nav__list-item_link ">TYPO3 Development Roadmap</a> </li> <li class="sub-nav__list-item"> <a href="/cms/roadmap/maintenance-releases" class="sub-nav__list-item_link ">Maintenance Releases Schedule</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/cms/strategy" title="" class="sub-nav__list-item_link ">Strategy</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/teams/typo3-development" title="" class="sub-nav__list-item_link ">Core Development</a> </li> <li class="list-group-item sub-nav__list-item active"> <a href="/cms/release-news" title="" class="sub-nav__list-item_link ">Release News</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="" href="/cms/release-news"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/cms/release-news/typo3-11-release-notes" class="sub-nav__list-item_link ">TYPO3 11 Release Notes</a> </li> <li class="sub-nav__list-item"> <a href="/cms/release-news/typo3-10-release-notes" class="sub-nav__list-item_link ">TYPO3 10 Release Notes</a> </li> <li class="sub-nav__list-item"> <a href="/cms/release-news/typo3-9-release-notes" class="sub-nav__list-item_link ">TYPO3 9 Release Notes</a> </li> <li class="sub-nav__list-item active"> <a href="/cms/release-news/typo3-8-release-notes" class="sub-nav__list-item_link ">TYPO3 8 Release Notes</a> </li> <li class="sub-nav__list-item"> <a href="/cms/roadmap/typo3-7-release-notes" class="sub-nav__list-item_link ">TYPO3 7 Release Notes</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/help/documentation" title="" class="sub-nav__list-item_link ">Documentation</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/cms/comparison-cards" title="Super charge your sales presentations with fact-based comparisons between TYPO3 and other products and features." class="sub-nav__list-item_link ">Comparison Cards</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://get.typo3.org/version/#system-requirements" title="It doesn't take a degree in engineering to get TYPO3 up an running. Find the facts and figures you need to get started with your first project." class="sub-nav__list-item_link externallink">System Requirements</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://get.typo3.org" title="To test the TYPO3 Introduction Package on your local computer, download the sources and install the Introduction Package from a distribution." class="sub-nav__list-item_link externallink">Download & Install</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://docs.typo3.org/Home/GettingStarted.html" title="" class="sub-nav__list-item_link externallink">Getting Started</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/fluid" title="" class="sub-nav__list-item_link ">Fluid Template Engine</a> </li> </ul> </li> <li class="main-nav__list-item js__main-nav__list-item">  <a href="/community" title="Open menu for Community" class="main-nav__list-item_link js__main-nav__list-item_link" data-id="4" data-level="1" data-sub="1" > <span class="">Community</span> </a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="The TYPO3 Community is growing, and we do more than just developing software. Everyone is welcome. Offer your skills and contribute to TYPO3." href="/community"> </a> <ul class="list-group flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-2"> <li class="list-group-item sub-nav__list-item"> <a href="/community/events" title="You can take part in official events organized by the TYPO3 Association, events organized by the TYPO3 community, and events where TYPO3 participates." class="sub-nav__list-item_link ">Events</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/meet" title="Online, at events, or in user groups. There are many ways to meet us." class="sub-nav__list-item_link ">Meet the Community</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Online, at events, or in user groups. There are many ways to meet us." href="/community/meet"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/meet/communicate" class="sub-nav__list-item_link ">Communicate: Where and how</a> </li> <li class="sub-nav__list-item"> <a href="/community/meet/user-groups" class="sub-nav__list-item_link ">User Groups</a> </li> <li class="sub-nav__list-item"> <a href="https://stackoverflow.com/questions/tagged/typo3" class="sub-nav__list-item_link externallink">StackOverflow</a> </li> <li class="sub-nav__list-item"> <a href="https://talk.typo3.org" class="sub-nav__list-item_link externallink">Forum</a> </li> <li class="sub-nav__list-item"> <a href="/community/meet/chat-slack" class="sub-nav__list-item_link ">Chat (Slack)</a> </li> <li class="sub-nav__list-item"> <a href="/community/meet/how-to-use-slack-in-the-typo3-community" class="sub-nav__list-item_link ">how to use Slack</a> </li> <li class="sub-nav__list-item"> <a href="/community/meet/regular-open-sprints" class="sub-nav__list-item_link ">Regular Open Sprints</a> </li> <li class="sub-nav__list-item"> <a href="/community/meet/you-me-and-typo3" class="sub-nav__list-item_link ">You, me, and TYPO3!</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/contribute" title="" class="sub-nav__list-item_link ">Contribute / Get Involved</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="" href="/community/contribute"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/contribute/typo3-remote-days" class="sub-nav__list-item_link ">TYPO3 remote days</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/membership" class="sub-nav__list-item_link ">Become an Association Member</a> </li> <li class="sub-nav__list-item"> <a href="/community/contribute/get-your-typo3org-community-account" class="sub-nav__list-item_link ">Get your My TYPO3 account</a> </li> <li class="sub-nav__list-item"> <a href="/community/contribute/donate" class="sub-nav__list-item_link ">Donate</a> </li> <li class="sub-nav__list-item"> <a href="/community/contribute/mentorship" class="sub-nav__list-item_link ">Mentorship</a> </li> <li class="sub-nav__list-item"> <a href="/community/contribute/community-writers" class="sub-nav__list-item_link ">Community Writers Program</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/teams" title="The teams and committees of the TYPO3 community take on tasks within specific areas, such as core development, education, communication and security. " class="sub-nav__list-item_link ">Teams & Committees</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="The teams and committees of the TYPO3 community take on tasks within specific areas, such as core development, education, communication and security. " href="/community/teams"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/teams/typo3-development" class="sub-nav__list-item_link ">TYPO3 Development</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/academic-committee" class="sub-nav__list-item_link ">Academic</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/accessibility" class="sub-nav__list-item_link ">Accessibility</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/best-practices" class="sub-nav__list-item_link ">Best Practices</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/communication-coordination" class="sub-nav__list-item_link ">Communication Coordination</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/community-expansion" class="sub-nav__list-item_link ">Community Expansion</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/content" class="sub-nav__list-item_link ">Content</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/structured-content" class="sub-nav__list-item_link ">Content Types</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/documentation" class="sub-nav__list-item_link ">Documentation</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/education-certification" class="sub-nav__list-item_link ">Education & Certification</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/localization" class="sub-nav__list-item_link ">Localization</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/marketing" class="sub-nav__list-item_link ">Marketing</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/ombudsperson" class="sub-nav__list-item_link ">Ombudsperson</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/security" class="sub-nav__list-item_link ">Security</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/server-team" class="sub-nav__list-item_link ">Server</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/typo3-cms-strategy-group" class="sub-nav__list-item_link ">TYPO3 CMS Product Strategy Group</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/typo3org" class="sub-nav__list-item_link ">typo3.org website</a> </li> <li class="sub-nav__list-item"> <a href="/community/teams/user-experience-ux" class="sub-nav__list-item_link ">User Experience (UX)</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/values" title="TYPO3 is more than just a piece of software. It is a community. Our values guide our work and make sure the community is a great place for everyone." class="sub-nav__list-item_link ">Values and Proceedings</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="TYPO3 is more than just a piece of software. It is a community. Our values guide our work and make sure the community is a great place for everyone." href="/community/values"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/values/code-of-conduct" class="sub-nav__list-item_link ">Code of Conduct</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/mediation" class="sub-nav__list-item_link ">Community Mediation</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/conflict-of-interest-policy" class="sub-nav__list-item_link ">Conflict of Interest Policy</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/social-media-guidelines" class="sub-nav__list-item_link ">Social Media Guidelines</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/decision-making-processes-contribution-and-participation" class="sub-nav__list-item_link ">Decision-Making Processes, Contribution and Participation</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/open-web-manifesto" class="sub-nav__list-item_link ">Open Web Manifesto</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/policy-for-committees-official-teams" class="sub-nav__list-item_link ">Policy for Committees & Official Teams</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/usage-of-titles" class="sub-nav__list-item_link ">Usage of Titles</a> </li> <li class="sub-nav__list-item"> <a href="/community/values/vision-mission-purpose/project" class="sub-nav__list-item_link ">Vision, Mission, Purpose</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/team-leader-meetings" title="" class="sub-nav__list-item_link ">Team Leader Meetings</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/dataprotection-corner" title="" class="sub-nav__list-item_link ">Data Protection Corner</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="" href="/community/dataprotection-corner"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/dataprotection-corner/training-for-the-typo3-teams" class="sub-nav__list-item_link ">Training for the TYPO3 teams</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/community/services" title="Get an overview about our TYPO3 services for our community (Git, trouble ticketsystems, infrastructure, LDAP, OTRS, Gerrit). " class="sub-nav__list-item_link ">Services</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Get an overview about our TYPO3 services for our community (Git, trouble ticketsystems, infrastructure, LDAP, OTRS, Gerrit). " href="/community/services"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/community/services/e-mail-addresses" class="sub-nav__list-item_link ">e-mail-addresses</a> </li> </ul> </li> </ul> </li> <li class="main-nav__list-item js__main-nav__list-item">  <a href="/project" title="Open menu for The Project" class="main-nav__list-item_link js__main-nav__list-item_link" data-id="3" data-level="1" data-sub="1" > <span class="">The Project</span> </a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="TYPO3 CMS is an open source CMS. The project is international and fully community-driven, and the long-term development is managed by the TYPO3 Association." href="/project"> </a> <ul class="list-group flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-2"> <li class="list-group-item sub-nav__list-item"> <a href="/project/news" title="Read the latest news about TYPO3 CMS and the association and community supporting the word's most popular enterprise-level content management system." class="sub-nav__list-item_link ">News</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Read the latest news about TYPO3 CMS and the association and community supporting the word's most popular enterprise-level content management system." href="/project/news"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="https://typo3.org/rss" class="sub-nav__list-item_link externallink">RSS feed</a> </li> <li class="sub-nav__list-item"> <a href="/help/security-advisories" class="sub-nav__list-item_link ">Security Advisories</a> </li> <li class="sub-nav__list-item"> <a href="/project/news/this-month-in-typo3" class="sub-nav__list-item_link ">This Month in TYPO3</a> </li> <li class="sub-nav__list-item"> <a href="/project/news/podcast" class="sub-nav__list-item_link ">Podcast</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/products" title="TYPO3 CMS is our most important product. Fluid is a templating engine and Surf a deployment tool. They help deliver groundbreaking technology in TYPO3 CMS." class="sub-nav__list-item_link ">Our Products</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/association" title="The TYPO3 Association is a not-for-profit membership organization that coordinates and funds the long-term development of the TYPO3 CMS platform. " class="sub-nav__list-item_link ">TYPO3 Association</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="The TYPO3 Association is a not-for-profit membership organization that coordinates and funds the long-term development of the TYPO3 CMS platform. " href="/project/association"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/project/association/membership" class="sub-nav__list-item_link ">Become a Member</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/members" class="sub-nav__list-item_link ">Our Members</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/structure" class="sub-nav__list-item_link ">Structure</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/association-news" class="sub-nav__list-item_link ">Association News</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/partnerships" class="sub-nav__list-item_link ">Partnerships</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/funding-finances" class="sub-nav__list-item_link ">Funding & Finances</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/structure/general-assembly" class="sub-nav__list-item_link ">General Assembly</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/by-laws" class="sub-nav__list-item_link ">By-Laws & proceedings</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/contact" class="sub-nav__list-item_link ">Contact</a> </li> <li class="sub-nav__list-item"> <a href="/project/association/strategy" class="sub-nav__list-item_link ">Association Strategy</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/brand" title="Find information about how to use the brand and trademark rules, and learn how (not) to spell “TYPO3”." class="sub-nav__list-item_link ">The Brand</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Find information about how to use the brand and trademark rules, and learn how (not) to spell “TYPO3”." href="/project/brand"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/project/brand/trademarks" class="sub-nav__list-item_link ">Trademarks</a> </li> <li class="sub-nav__list-item"> <a href="https://styleguide.typo3.com" class="sub-nav__list-item_link externallink">Style Guide</a> </li> <li class="sub-nav__list-item"> <a href="/project/brand/typo3-slidedeck" class="sub-nav__list-item_link ">TYPO3 slidedeck</a> </li> <li class="sub-nav__list-item"> <a href="/project/brand/spelling-typo3" class="sub-nav__list-item_link ">Spelling TYPO3</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/history" title="TYPO3 was developed from scratch by Kasper Skårhøj in 1997. Separating design and content was a smart solution to an emerging problem." class="sub-nav__list-item_link ">History</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/press" title="The TYPO3 Association is a not-for-profit organization, founded in 2004 to ensure the long-term development of the web-based content management system TYPO3 CMS. " class="sub-nav__list-item_link ">Press</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="The TYPO3 Association is a not-for-profit organization, founded in 2004 to ensure the long-term development of the web-based content management system TYPO3 CMS. " href="/project/press"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/project/press/press-releases" class="sub-nav__list-item_link ">Press Releases</a> </li> <li class="sub-nav__list-item"> <a href="/project/press/typo3-v9-release-material" class="sub-nav__list-item_link ">TYPO3 v9 Release Material</a> </li> <li class="sub-nav__list-item"> <a href="/project/press/v10-release-material" class="sub-nav__list-item_link ">TYPO3 v10 Release Material</a> </li> <li class="sub-nav__list-item"> <a href="/project/press/typo3-v11-release-material" class="sub-nav__list-item_link ">TYPO3 v11 Release Material</a> </li> <li class="sub-nav__list-item"> <a href="/project/press/typo3-v12-release-material" class="sub-nav__list-item_link ">TYPO3 v12 Release Material</a> </li> <li class="sub-nav__list-item"> <a href="/project/press/typo3-v13-release-material" class="sub-nav__list-item_link ">TYPO3 v13 Release Material</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/licenses" title="TYPO3 products and extensions use GNU General Public License, where you are allowed to sell the extension as long as you do not change the license terms." class="sub-nav__list-item_link ">Licenses</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="/project/technology-supporters" title="This section is dedicated to our supporters offering their tools and services for free in the scope of open source software." class="sub-nav__list-item_link ">Technology Supporters</a> </li> </ul> </li> <li class="main-nav__list-item js__main-nav__list-item">  <a href="https://typo3.com/services/certifications" title="Open menu for Certification" class="main-nav__list-item_link externallink " data-id="6" data-level="1" data-sub="0" > <span class="">Certification</span> </a> </li> <li class="main-nav__list-item js__main-nav__list-item">  <a href="/help" title="Open menu for Help & Support" class="main-nav__list-item_link js__main-nav__list-item_link" data-id="28" data-level="1" data-sub="1" > <span class="">Help & Support</span> </a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="Ask an editor or developer in the community free help with your TYPO3 questions or pay an agency or freelancer to give you the support you need." href="/help"> </a> <ul class="list-group flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-2"> <li class="list-group-item sub-nav__list-item"> <a href="/help/documentation" title="TYPO3 CMS has more than ten thousand features. Becoming an expert takes time, but the process will be rewarding. Find your topic of interest or introductions." class="sub-nav__list-item_link ">Documentation</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="TYPO3 CMS has more than ten thousand features. Becoming an expert takes time, but the process will be rewarding. Find your topic of interest or introductions." href="/help/documentation"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="https://docs.typo3.org/Home/GettingStarted.html" class="sub-nav__list-item_link externallink">Getting Started</a> </li> <li class="sub-nav__list-item"> <a href="/help/documentation/video-tutorials" class="sub-nav__list-item_link ">Video Tutorials</a> </li> <li class="sub-nav__list-item"> <a href="/help/documentation/whats-new" class="sub-nav__list-item_link ">What's New</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="/help/security-advisories" title="" class="sub-nav__list-item_link ">Security Advisories</a> <a class="main-nav__list-item_cross js__main-nav__list-item_cross" title="" href="/help/security-advisories"> </a> <ul class="nav flex-column main-nav__list-item_sub-nav sub-nav__list js__sub-nav__list _lvl-3"> <li class="sub-nav__list-item"> <a href="/help/security-advisories/typo3-cms" class="sub-nav__list-item_link ">TYPO3 CMS</a> </li> <li class="sub-nav__list-item"> <a href="/help/security-advisories/typo3-extensions" class="sub-nav__list-item_link ">TYPO3 Extensions</a> </li> <li class="sub-nav__list-item"> <a href="/help/security-advisories/public-service-announcements" class="sub-nav__list-item_link ">Public Service Announcements</a> </li> <li class="sub-nav__list-item"> <a href="https://typo3.org/?type=101" class="sub-nav__list-item_link externallink">Security Advisories (RSS Feed)</a> </li> </ul> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://typo3.com/partners/professional-service-listing" title="" class="sub-nav__list-item_link externallink">Professional Services</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://talk.typo3.org/" title="" class="sub-nav__list-item_link externallink">Official TYPO3 Forum</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://typo3.com/products/extended-support" title="" class="sub-nav__list-item_link externallink">TYPO3 LTS Extended Support</a> </li> <li class="list-group-item sub-nav__list-item"> <a href="https://stackoverflow.com/search?q=typo3" title="" class="sub-nav__list-item_link externallink">Stack Overflow</a> </li> </ul> </li> <li class="main-nav__list-item js__main-nav__list-item _functional _search">  <a href="/search" title="Open menu for Search" class="main-nav__list-item_link js__main-nav__list-item_link" data-id="184" data-level="1" data-sub="1" > <span class="d-lg-none d-xl-none">Search</span> </a> </li> <li class="main-nav__list-item js__main-nav__list-item _functional _login">  <a href="/login" title="Login with your typo3.org user account" class="main-nav__list-item_link js__main-nav__list-item_link " data-id="229" data-level="1" data-sub="1" > <span class="d-lg-none d-xl-none">Login</span> </a> </li> </ul> <div class="main-nav__solr js__main-nav__solr">  <form class="main-nav__solr-form js__main-nav__solr-form" action="/search"> <div class="typeahead__container"> <div class="typeahead__field"> <span class="typeahead__query"> <input class="js-typeahead form-control main-nav__solr-form_input js__main-nav__solr-form_input" name="q" type="search" autocomplete="off" placeholder="Type something..." />  <input type="hidden" name="id" value="184" /> </span> <span class="typeahead__button d-none"> <button type="submit"><i class="typeahead__search-icon fa fa-search" aria-hidden="true"></i></button> </span> </div> </div> </form>  </div> </div> </div> </nav>  <div class="full-width-dropdown js__full-width-dropdown"> <div class="full-width-dropdown__lvl-down full-width-dropdown__menu js__full-width-dropdown__lvl-down _lvl-2" data-parent-lvl1="2"> <ul class="list-group sub-nav__list"> <li class="list-group-item sub-nav__list-item _overview"> <a class="" title="Free and open source, TYPO3 CMS is a leading content management system with a feature set eclipsing that of our commercial and proprietary competitors." href="/cms"> <span>Overview</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 delivers flexible fast content powered by an enterprise open-source CMS. It’s backed by a vibrant professional community and commercial ecosystem." href="/cms/features"> <span>Features</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="TYPO3 delivers flexible fast content powered by an enterprise open-source CMS. It’s backed by a vibrant professional community and commercial ecosystem." href="/cms/features" data-id="0" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="The TYPO3 CMS development roadmap follows an 18-month release cycle for Long Term Support versions. " href="/cms/roadmap"> <span>Development Roadmap</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="The TYPO3 CMS development roadmap follows an 18-month release cycle for Long Term Support versions. " href="/cms/roadmap" data-id="1" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/cms/strategy"> <span>Strategy</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/community/teams/typo3-development"> <span>Core Development</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2 _active"> <a class="sub-nav__list-item_link " title="" href="/cms/release-news"> <span>Release News</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="" href="/cms/release-news" data-id="4" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/help/documentation"> <span>Documentation</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="Super charge your sales presentations with fact-based comparisons between TYPO3 and other products and features." href="/cms/comparison-cards"> <span>Comparison Cards</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="It doesn't take a degree in engineering to get TYPO3 up an running. Find the facts and figures you need to get started with your first project." href="https://get.typo3.org/version/#system-requirements"> <span>System Requirements</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="To test the TYPO3 Introduction Package on your local computer, download the sources and install the Introduction Package from a distribution." href="https://get.typo3.org"> <span>Download & Install</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="" href="https://docs.typo3.org/Home/GettingStarted.html"> <span>Getting Started</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/fluid"> <span>Fluid Template Engine</span> </a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="0"> <li class="list-group-item lvl3"> <a class="" href="/cms/features/smart-content-management" title="Make your content management smart without depending on IT. Control user rights easily, use the best tools for SEO and DAM and get great results." data-level="3">Smart Content Management</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/secure-performant-scalable" title="Build digital experiences that load fast and perform well at any scale, within a secure and reliable CMS. Handle the whole installation from a central point" data-level="3">Secure Performant Scalable</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/frontend-experience" title="TYPO3 CMS has endless frontend flexibility and a seamless mobile user experience. Use TYPO3 headless as a powerful middleware." data-level="3">Universal Frontend User Experience</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/professional-open-source" title="TYPO3’s vibrant professional ecosystem, focus on quality and security, and its strong commercial vendor set the CMS apart from the crowd. " data-level="3">Professional Open Source</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/open-extensible-customizable" title="Build the project you need without sacrificing flexibility and enhancement in the future. TYPO3 gives you the freedom and flexibility of open source." data-level="3">Open Extensible Customizable</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/digital-marketing-enabled" title="Take advantage of TYPO3’s extensions and integration possibilities of all digital marketing solutions – including everything you know and love." data-level="3">Digital Marketing Enabled</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/features/massively-multisite-multilingual" title="Use TYPO3 CMS to reach global audiences with multilingual sites, localized content, and smooth translation workflows." data-level="3">Massively Multisite Multilingual</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="1"> <li class="list-group-item lvl3"> <a class="" href="/cms/roadmap" title="" data-level="3">TYPO3 Development Roadmap</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/roadmap/maintenance-releases" title="" data-level="3">Maintenance Releases Schedule</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3 _visible" data-parent-lvl2="4"> <li class="list-group-item lvl3"> <a class="" href="/cms/release-news/typo3-11-release-notes" title="Learn more about the main features of TYPO3 version 11." data-level="3">TYPO3 11 Release Notes</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/release-news/typo3-10-release-notes" title="Learn more about the main features of TYPO3 version 10." data-level="3">TYPO3 10 Release Notes</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/release-news/typo3-9-release-notes" title="" data-level="3">TYPO3 9 Release Notes</a> </li> <li class="list-group-item lvl3 _current"> <a class="" href="/cms/release-news/typo3-8-release-notes" title="" data-level="3">TYPO3 8 Release Notes</a> </li> <li class="list-group-item lvl3"> <a class="" href="/cms/roadmap/typo3-7-release-notes" title="" data-level="3">TYPO3 7 Release Notes</a> </li> </ul> <div class="teaser-box sub-nav__media"> <img class="teaser-box__img-top img-fluid" src="/fileadmin/_processed_/2/7/csm_typo3-pagetree-screenshot-mock-up_984f8f3795.jpg" width="480" height="257" alt="" /> <div class="teaser-box__content"> <div class="teaser-box__content-text"> <h3>Professional Content Management</h3> <p>Free and open source, TYPO3 CMS is the most widely used enterprise-level CMS.</p> <p><strong>Test TYPO3 now:</strong></p> </div> </div> <a href="http://demo.typo3.org" target="_blank" rel="noreferrer" title="Experience TYPO3 live and test our demo site" class="btn btn-primary"> TYPO3 live demo </a> </div> </div> <div class="full-width-dropdown__lvl-down full-width-dropdown__menu js__full-width-dropdown__lvl-down _lvl-2" data-parent-lvl1="4"> <ul class="list-group sub-nav__list"> <li class="list-group-item sub-nav__list-item _overview"> <a class="" title="The TYPO3 Community is growing, and we do more than just developing software. Everyone is welcome. Offer your skills and contribute to TYPO3." href="/community"> <span>TYPO3 Community</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="You can take part in official events organized by the TYPO3 Association, events organized by the TYPO3 community, and events where TYPO3 participates." href="/community/events"> <span>Events</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="Online, at events, or in user groups. There are many ways to meet us." href="/community/meet"> <span>Meet the Community</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="Online, at events, or in user groups. There are many ways to meet us." href="/community/meet" data-id="1" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/community/contribute"> <span>Contribute / Get Involved</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="" href="/community/contribute" data-id="2" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="The teams and committees of the TYPO3 community take on tasks within specific areas, such as core development, education, communication and security. " href="/community/teams"> <span>Teams & Committees</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="The teams and committees of the TYPO3 community take on tasks within specific areas, such as core development, education, communication and security. " href="/community/teams" data-id="3" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 is more than just a piece of software. It is a community. Our values guide our work and make sure the community is a great place for everyone." href="/community/values"> <span>Values and Proceedings</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="TYPO3 is more than just a piece of software. It is a community. Our values guide our work and make sure the community is a great place for everyone." href="/community/values" data-id="4" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/community/team-leader-meetings"> <span>Team Leader Meetings</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/community/dataprotection-corner"> <span>Data Protection Corner</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="" href="/community/dataprotection-corner" data-id="6" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="Get an overview about our TYPO3 services for our community (Git, trouble ticketsystems, infrastructure, LDAP, OTRS, Gerrit). " href="/community/services"> <span>Services</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="Get an overview about our TYPO3 services for our community (Git, trouble ticketsystems, infrastructure, LDAP, OTRS, Gerrit). " href="/community/services" data-id="7" data-level="2"> <span>+</span> </a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="1"> <li class="list-group-item lvl3"> <a class="" href="/community/meet/communicate" title="Get an overview about our communication channels and learn to choose the right communication channel - Slack, Forum, Support, Decisions ... " data-level="3">Communicate: Where and how</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/meet/user-groups" title="Many users would like to get in personal contact with other TYPO3 enthusiasts. This is how local TYPO3 User Groups (TUG) are formed and knowledge happens." data-level="3">User Groups</a> </li> <li class="list-group-item lvl3"> <a class="externallink" href="https://stackoverflow.com/questions/tagged/typo3" title="" data-level="3">StackOverflow</a> </li> <li class="list-group-item lvl3"> <a class="externallink" href="https://talk.typo3.org" title="" data-level="3">Forum</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/meet/chat-slack" title="" data-level="3">Chat (Slack)</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/meet/how-to-use-slack-in-the-typo3-community" title="Find important channels for the TYPO3 community and learn how to get you started." data-level="3">how to use Slack</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/meet/regular-open-sprints" title="" data-level="3">Regular Open Sprints</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/meet/you-me-and-typo3" title="You, me, and TYPO3 is a fresh take on young people that make our TYPO3 community so unique." data-level="3">You, me, and TYPO3!</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="2"> <li class="list-group-item lvl3"> <a class="" href="/community/contribute/typo3-remote-days" title="" data-level="3">TYPO3 remote days</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/membership" title="" data-level="3">Become an Association Member</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/contribute/get-your-typo3org-community-account" title="Create login for the online services. Find out which are the main services we are providing for our community." data-level="3">Get your My TYPO3 account</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/contribute/donate" title="TYPO3 is an Open Source project, dependent in large parts on donations. This page is for those who want to donate money" data-level="3">Donate</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/contribute/mentorship" title="Local web developers and agencies learn how to use TYPO3, a performant, secure, and flexible CMS, for their projects. All through one-on-on mentorship." data-level="3">Mentorship</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/contribute/community-writers" title="Join the Community Writers Program to improve your skills and confidence in writing and content marketing to boost TYPO3’s signal and reach new audiences." data-level="3">Community Writers Program</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="3"> <li class="list-group-item lvl3"> <a class="" href="/community/teams/typo3-development" title="The TYPO3 Core Development Team is dedicated to develop and maintain the central parts of TYPO3 CMS." data-level="3">TYPO3 Development</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/academic-committee" title="The TYPO3 Academic Committee is made up of TYPO3 Association members from universities that use TYPO3-CMS for their homepages. " data-level="3">Academic</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/accessibility" title="The Accessibility Team assists to improve and maintain the accessibility in TYPO3. Therefore we share our accessibility expertise with TYPO3 developers." data-level="3">Accessibility</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/best-practices" title="Focusing on establishing and communicating best practices around TYPO3." data-level="3">Best Practices</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/communication-coordination" title="The Committee coordinates the communication and marketing of the TYPO3 Company and Association, through a unified workflow and pipeline." data-level="3">Communication Coordination</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/community-expansion" title="The TYPO3 Community Expansion Committee (T3CEC) has the goal to foster the use of TYPO3 all over the world. Find out about its Activities on this page." data-level="3">Community Expansion</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/content" title="Write, Translate, Proofread. No coding skills are required. You can support us on a regular basis or when you have time." data-level="3">Content</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/structured-content" title="Team to build better, native support for custom, semantically structured content for TYPO3. " data-level="3">Content Types</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/documentation" title="The documentation team provides exhaustive, quality documentation about TYPO3 products for all users, with the help of the community." data-level="3">Documentation</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/education-certification" title="The committee is responsible for the TYPO3 education strategy, enabling easy access to learning materials, as well as official certifications." data-level="3">Education & Certification</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/localization" title="" data-level="3">Localization</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/marketing" title="Create. Communicate. Contribute. Support us with sharing your knowledge and help us to spread the word about TYPO3." data-level="3">Marketing</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/ombudsperson" title="A TYPO3 committee ensuring the wellbeing of everyone in the community through education about and enforcement of the Code of Conduct." data-level="3">Ombudsperson</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/security" title="" data-level="3">Security</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/server-team" title="We are in charge of the TYPO3 IT infrastructure. About a dozen core applications are run and managed by our team directly, additionaly we provide services to other teams within the TYPO3 universe for their own use." data-level="3">Server</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/typo3-cms-strategy-group" title="" data-level="3">TYPO3 CMS Product Strategy Group</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/typo3org" title="The typo3.org website team develops and maintains the typo3.org website, the Extension Repository, Events and Certification Listings, and much more." data-level="3">typo3.org website</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/teams/user-experience-ux" title="The main goal of this team is to work on TYPO3 existing features UX improvments and also to collaborate on building any new feature during the concept process if help is wanted." data-level="3">User Experience (UX)</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="4"> <li class="list-group-item lvl3"> <a class="" href="/community/values/code-of-conduct" title="Be constructive and considerate, respect other people's boundaries. Consider your actions—are they OK?" data-level="3">Code of Conduct</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/mediation" title="" data-level="3">Community Mediation</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/conflict-of-interest-policy" title="" data-level="3">Conflict of Interest Policy</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/social-media-guidelines" title="These are the official guidelines for participating in social media for the TYPO3 Project." data-level="3">Social Media Guidelines</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/decision-making-processes-contribution-and-participation" title="This policy outlines the difference between groups, as well describing the decision-making, Contribution and Participation" data-level="3">Decision-Making Processes, Contribution and Participation</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/open-web-manifesto" title="" data-level="3">Open Web Manifesto</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/policy-for-committees-official-teams" title="The TYPO3 Association’s Policy for Committees and Official Teams outlines the structure for teams, committees and initiatives. It is describing empowerment and disbanding processes. " data-level="3">Policy for Committees & Official Teams</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/usage-of-titles" title="Learn how to use an official title within the TYPO3 Community and Association" data-level="3">Usage of Titles</a> </li> <li class="list-group-item lvl3"> <a class="" href="/community/values/vision-mission-purpose/project" title="" data-level="3">Vision, Mission, Purpose</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="6"> <li class="list-group-item lvl3"> <a class="" href="/community/dataprotection-corner/training-for-the-typo3-teams" title="" data-level="3">Training for the TYPO3 teams</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="7"> <li class="list-group-item lvl3"> <a class="" href="/community/services/e-mail-addresses" title="" data-level="3">e-mail-addresses</a> </li> </ul> <div class="teaser-box sub-nav__media"> <img class="teaser-box__img-top img-fluid" src="/fileadmin/_processed_/4/3/csm_6932872980_d788451b65_o_4e84bb9425.jpg" width="480" height="154" alt="" /> <div class="teaser-box__content"> <div class="teaser-box__content-text"> <h3>Inspire people to share</h3> <p>Offer your skills and <a href="/community/contribute">contribute to the project</a>. The community is growing and does more than just coding. </p> </div> </div> </div> </div> <div class="full-width-dropdown__lvl-down full-width-dropdown__menu js__full-width-dropdown__lvl-down _lvl-2" data-parent-lvl1="3"> <ul class="list-group sub-nav__list"> <li class="list-group-item sub-nav__list-item _overview"> <a class="" title="TYPO3 CMS is an open source CMS. The project is international and fully community-driven, and the long-term development is managed by the TYPO3 Association." href="/project"> <span>The TYPO3 Project</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="Read the latest news about TYPO3 CMS and the association and community supporting the word's most popular enterprise-level content management system." href="/project/news"> <span>News</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="Read the latest news about TYPO3 CMS and the association and community supporting the word's most popular enterprise-level content management system." href="/project/news" data-id="0" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 CMS is our most important product. Fluid is a templating engine and Surf a deployment tool. They help deliver groundbreaking technology in TYPO3 CMS." href="/project/products"> <span>Our Products</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="The TYPO3 Association is a not-for-profit membership organization that coordinates and funds the long-term development of the TYPO3 CMS platform. " href="/project/association"> <span>TYPO3 Association</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="The TYPO3 Association is a not-for-profit membership organization that coordinates and funds the long-term development of the TYPO3 CMS platform. " href="/project/association" data-id="2" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="Find information about how to use the brand and trademark rules, and learn how (not) to spell “TYPO3”." href="/project/brand"> <span>The Brand</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="Find information about how to use the brand and trademark rules, and learn how (not) to spell “TYPO3”." href="/project/brand" data-id="3" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 was developed from scratch by Kasper Skårhøj in 1997. Separating design and content was a smart solution to an emerging problem." href="/project/history"> <span>History</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="The TYPO3 Association is a not-for-profit organization, founded in 2004 to ensure the long-term development of the web-based content management system TYPO3 CMS. " href="/project/press"> <span>Press</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="The TYPO3 Association is a not-for-profit organization, founded in 2004 to ensure the long-term development of the web-based content management system TYPO3 CMS. " href="/project/press" data-id="5" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 products and extensions use GNU General Public License, where you are allowed to sell the extension as long as you do not change the license terms." href="/project/licenses"> <span>Licenses</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="This section is dedicated to our supporters offering their tools and services for free in the scope of open source software." href="/project/technology-supporters"> <span>Technology Supporters</span> </a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="0"> <li class="list-group-item lvl3"> <a class="externallink" href="https://typo3.org/rss" title="" data-level="3">RSS feed</a> </li> <li class="list-group-item lvl3"> <a class="" href="/help/security-advisories" title="" data-level="3">Security Advisories</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/news/this-month-in-typo3" title="A report of what happened in the TYPO3 community and in the ecosystem in the recent weeks. Enter interesting articles and everything else what might fit." data-level="3">This Month in TYPO3</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/news/podcast" title="Inside TYPO3 gives you updates, expert insights, and community stories. Available on Spotify, Apple Podcasts, Amazon Music, and YouTube." data-level="3">Podcast</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="2"> <li class="list-group-item lvl3"> <a class="" href="/project/association/membership" title="Members of the TYPO3 Association support the development of TYPO3 CMS and take part in shaping the future of TYPO3 CMS." data-level="3">Become a Member</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/members" title="This is a list of personal and organizational members of the TYPO3 Association." data-level="3">Our Members</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/structure" title="The TYPO3 Association has four main bodies: the General Assembly, the Board, the Expert Advisory Board (EAB), and the Business Control Committee (BCC)." data-level="3">Structure</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/association-news" title="Get the latest news of the TYPO3 Association. Stay up to date and inform yourself about the TYPO3 project." data-level="3">Association News</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/partnerships" title="" data-level="3">Partnerships</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/funding-finances" title="Most of the Association's income comes from membership fees, donations, and events. €650,000 is funneled back into core development and community projects." data-level="3">Funding & Finances</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/structure/general-assembly" title="" data-level="3">General Assembly</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/by-laws" title="" data-level="3">By-Laws & proceedings</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/contact" title="For general enquiries, coordination, community involvement and sponsorship feel free to contact: info@typo3.org" data-level="3">Contact</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/association/strategy" title="" data-level="3">Association Strategy</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="3"> <li class="list-group-item lvl3"> <a class="" href="/project/brand/trademarks" title="The word “TYPO3” is one of the trademarks owned by the TYPO3 Association. We have created guidelines to help people understand what is (and is not) OK." data-level="3">Trademarks</a> </li> <li class="list-group-item lvl3"> <a class="externallink" href="https://styleguide.typo3.com" title="" data-level="3">Style Guide</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/brand/typo3-slidedeck" title="" data-level="3">TYPO3 slidedeck</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/brand/spelling-typo3" title="TYPO3 is always written in uppercase, with no spaces. This rule covers all products under the TYPO3 project. URLs are the only exception to this rule." data-level="3">Spelling TYPO3</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="5"> <li class="list-group-item lvl3"> <a class="" href="/project/press/press-releases" title="" data-level="3">Press Releases</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/press/typo3-v9-release-material" title="" data-level="3">TYPO3 v9 Release Material</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/press/v10-release-material" title="" data-level="3">TYPO3 v10 Release Material</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/press/typo3-v11-release-material" title="" data-level="3">TYPO3 v11 Release Material</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/press/typo3-v12-release-material" title="" data-level="3">TYPO3 v12 Release Material</a> </li> <li class="list-group-item lvl3"> <a class="" href="/project/press/typo3-v13-release-material" title="" data-level="3">TYPO3 v13 Release Material</a> </li> </ul> <div class="teaser-box sub-nav__media"> <img class="teaser-box__img-top img-fluid" src="/fileadmin/_processed_/1/6/csm_26276623101_a436d2f07a_o_270a7b2c42.jpg" width="390" height="260" alt="" /> <div class="teaser-box__content"> <div class="teaser-box__content-text"> <h3>A Community Effort</h3> <p>TYPO3 CMS is an Open Source project managed by the TYPO3 Association.</p> </div> </div> <a href="/project/association" class="btn btn-primary"> The Project </a> </div> </div> <div class="full-width-dropdown__lvl-down full-width-dropdown__menu js__full-width-dropdown__lvl-down _lvl-2" data-parent-lvl1="28"> <ul class="list-group sub-nav__list"> <li class="list-group-item sub-nav__list-item _overview"> <a class="" title="Ask an editor or developer in the community free help with your TYPO3 questions or pay an agency or freelancer to give you the support you need." href="/help"> <span>Getting Help & Support</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="TYPO3 CMS has more than ten thousand features. Becoming an expert takes time, but the process will be rewarding. Find your topic of interest or introductions." href="/help/documentation"> <span>Documentation</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="TYPO3 CMS has more than ten thousand features. Becoming an expert takes time, but the process will be rewarding. Find your topic of interest or introductions." href="/help/documentation" data-id="0" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link " title="" href="/help/security-advisories"> <span>Security Advisories</span> </a> <a class="sub-nav__list-item_cross js__sub-nav__list-item_cross" title="" href="/help/security-advisories" data-id="1" data-level="2"> <span>+</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="" href="https://typo3.com/partners/professional-service-listing"> <span>Professional Services</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="" href="https://talk.typo3.org/"> <span>Official TYPO3 Forum</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="" href="https://typo3.com/products/extended-support"> <span>TYPO3 LTS Extended Support</span> </a> </li> <li class="list-group-item sub-nav__list-item js__sub-nav__list-item _lvl2"> <a class="sub-nav__list-item_link externallink" title="" href="https://stackoverflow.com/search?q=typo3"> <span>Stack Overflow</span> </a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="0"> <li class="list-group-item lvl3"> <a class="externallink" href="https://docs.typo3.org/Home/GettingStarted.html" title="" data-level="3">Getting Started</a> </li> <li class="list-group-item lvl3"> <a class="" href="/help/documentation/video-tutorials" title="" data-level="3">Video Tutorials</a> </li> <li class="list-group-item lvl3"> <a class="" href="/help/documentation/whats-new" title="The TYPO3 CMS What's New Slides summarise new features, significant improvements, important changes and key facts of new TYPO3 releases." data-level="3">What's New</a> </li> </ul> <ul class="list-group sub-nav__list js__sub-nav__list flex-column _lvl-3" data-parent-lvl2="1"> <li class="list-group-item lvl3"> <a class="" href="/help/security-advisories/typo3-cms" title="" data-level="3">TYPO3 CMS</a> </li> <li class="list-group-item lvl3"> <a class="" href="/help/security-advisories/typo3-extensions" title="" data-level="3">TYPO3 Extensions</a> </li> <li class="list-group-item lvl3"> <a class="" href="/help/security-advisories/public-service-announcements" title="" data-level="3">Public Service Announcements</a> </li> <li class="list-group-item lvl3"> <a class="externallink" href="https://typo3.org/?type=101" title="" data-level="3">Security Advisories (RSS Feed)</a> </li> </ul> <div class="teaser-box sub-nav__media"> <img class="teaser-box__img-top img-fluid" src="/fileadmin/_processed_/9/c/csm_startup-photos_3680a49e5f.jpg" width="390" height="260" alt="" /> <div class="teaser-box__content"> <div class="teaser-box__content-text"> <h3>Do you have a question?</h3> <p><a href="https://talk.typo3.org" target="_blank" rel="noreferrer">Ask the community</a> or a <a href="https://typo3.com/partners/professional-service-listing" target="_blank" rel="noreferrer">professional partner</a>.</p> </div> </div> </div> </div>  <div class="full-width-dropdown__lvl-down js__full-width-dropdown__lvl-down _lvl-2 full-width-dropdown__search js__full-width-dropdown__search" data-parent-lvl1="184"></div> <div class="full-width-dropdown__lvl-down full-width-dropdown__menu js__full-width-dropdown__lvl-down _lvl-2 full-width-dropdown__login" data-parent-lvl1="229">  <div class="d-flex flex-row m-auto"> </div> </div> </div>  </div> </div> </div> </header> <nav aria-label="breadcrumb" class="breadcrumb-wrapper container"> <ol class="breadcrumb row"> <li class="breadcrumb-item"><a href="/">Home</a></li> <li class="breadcrumb-item"><a href="/cms">Overview</a></li> <li class="breadcrumb-item"><a href="/cms/release-news">Release News</a></li> <li class="breadcrumb-item active" aria-current="page">TYPO3 8 Release Notes</li> </ol> </nav> <main>   <div class="container"> <div id="c551"> <header> <h1 class=""> TYPO3 v8 LTS Release Notes </h1> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> </div> </div> </div> </div> <div class="container"> <div id="c552"> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>by <a href="#" data-mailto-token="nbjmup+cfoojAuzqp4/psh" data-mailto-vector="1">Benni Mack</a>, TYPO3 Core Team Leader and <a href="#" data-mailto-token="nbjmup+njdibfm/tdibntAuzqp4/psh" data-mailto-vector="1">Michael Schams</a>, What's New Team Leader</p> <p>The TYPO3 Community proudly presents the next milestone in TYPO3 history, exactly 18 months after TYPO3 v7 LTS was released in November 2015. The open source enterprise content management system TYPO3 v8 LTS is available for <a href="https://get.typo3.org" target="_blank" rel="noreferrer">download</a>.</p> </div> </div> </div> </div> <div class="container"> <div id="c553"> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>Read more about the most important highlights of the new release below.</p> </div> </div> </div> </div> <div class="container"> <div id="c554"> <header> <h2 class=""> Performance </h2> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>First and foremost, users will notice a significant performance boost that comes with TYPO3 v8 LTS. Thanks to PHP version 7, which is a minimum requirement of the new release, the overall performance of TYPO3 was improved substantially.</p> <p>Working in the backend has never been so smooth and slim before, which is also based on the fact that “Standalone Fluid” powers the interface (see further details below). In addition, most parts of ExtJS were replaced and jQuery is used more intensively.</p> </div> </div> </div> </div> <div class="container"> <div id="c555"> <header> <h2 class=""> Mobile Responsive Backend </h2> </header> <div class="ce-textpic ce-right ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Mobile_Responsive_Backend.png" data-fancybox="f-555"> <picture> <source srcset="/fileadmin/_processed_/1/d/csm_LTS_-_Mobile_Responsive_Backend_7140719e65.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/1/d/csm_LTS_-_Mobile_Responsive_Backend_10ceec00e0.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/1/d/csm_LTS_-_Mobile_Responsive_Backend_fa47edae9c.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/1/d/csm_LTS_-_Mobile_Responsive_Backend_b6c0697d0a.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Mobile responsive backend" src="/fileadmin/_processed_/1/d/csm_LTS_-_Mobile_Responsive_Backend_7140719e65.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>Some aspects of the responsive backend were introduced in version 7, but integrators and editors will embrace the new features in TYPO3 v8 LTS. Due to the fact that Twitter Bootstrap and jQuery are used more consequently, the backend is fully mobile responsive now and even works on smartphones like a charm.</p> <p>The module menu (left column), as well as the page tree can be folded/unfolded with a click of a button.</p> </div> </div> </div> </div> <div class="container"> <div id="c556"> <header> <h2 class=""> Image Manipulation </h2> </header> <div class="ce-textpic ce-left ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Image_Manipulation.png" data-fancybox="f-556"> <picture> <source srcset="/fileadmin/_processed_/4/1/csm_LTS_-_Image_Manipulation_89ba2424ad.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/4/1/csm_LTS_-_Image_Manipulation_54183ed9f8.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/4/1/csm_LTS_-_Image_Manipulation_728e8efce7.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/4/1/csm_LTS_-_Image_Manipulation_b503295e2a.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Image manipulation" src="/fileadmin/_processed_/4/1/csm_LTS_-_Image_Manipulation_89ba2424ad.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>The positive feedback from editors and agencies around the world about the recently introduced image manipulation functionality in the backend of TYPO3 convinced the TYPO3 developers to take image cropping functionality one step further.</p> <p>Cropping images as part of the TYPO3 system without the need to install additional software is one thing. Displaying images in the frontend perfectly positioned is another kettle of fish - in particular on small screens, e.g. mobile devices.</p> <p>Since TYPO3 v8 LTS, areas and aspect ratios can be predefined for specific devices (for example "mobile" and "desktop"). Due to the nature of cropping, areas are sometimes lost when an image is cut. Here comes a technology called “Focal Point” into play. Editor can not only crop images in the backend, but also select the focal point of an image. TYPO3 takes care that this area remains visible in the frontend by positioning the cropped image accordingly.</p> </div> </div> </div> </div> <div class="container"> <div id="c557"> <header> <h2 class=""> Form Framework </h2> </header> <div class="ce-textpic ce-right ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Form_Framework.png" data-fancybox="f-557"> <picture> <source srcset="/fileadmin/_processed_/e/f/csm_LTS_-_Form_Framework_a30c2304ef.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/e/f/csm_LTS_-_Form_Framework_f2f7438820.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/e/f/csm_LTS_-_Form_Framework_6c248b4574.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/e/f/csm_LTS_-_Form_Framework_42a44170c8.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Form framework" src="/fileadmin/_processed_/e/f/csm_LTS_-_Form_Framework_a30c2304ef.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>How often do you or your editors build or update forms on your website? How long does it take and how much fun is involved in this process? Forget everything you know about form creation!</p> <p>A stunning “Form Framework” was introduced in TYPO3 v8 LTS, that allows editors to create all kind of amazing forms of all sizes and complexities with just a few mouse clicks. No programming knowledge is required and the usage is so intuitive, even documentation is (almost) redundant.</p> <p>Simple contact forms as well as complex surveys across multiple pages, image uploads, data validation and the option to group input fields are just a few features, which are supported by TYPO3 by default.</p> <p>Do not reinvent the wheel: every form created is stored as a template and can be re-used across the website as often as required. A form template can also be cloned and the copy adjusted to achieve a variation of the first form. Every form template is stored as a YAML file, which means it can be exported, shared and optionally maintained in a Git repository for example.</p> </div> </div> </div> </div> <div class="container"> <div id="c558"> <header> <h2 class=""> Rich Text Editor </h2> </header> <div class="ce-textpic ce-left ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Rich_Text_Editor.png" data-fancybox="f-558"> <picture> <source srcset="/fileadmin/_processed_/f/a/csm_LTS_-_Rich_Text_Editor_a148b4fa6c.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/f/a/csm_LTS_-_Rich_Text_Editor_92c56c2328.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/f/a/csm_LTS_-_Rich_Text_Editor_9c1dd588d2.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/f/a/csm_LTS_-_Rich_Text_Editor_18cd0cfca8.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Rich text editor - CKEditor" src="/fileadmin/_processed_/f/a/csm_LTS_-_Rich_Text_Editor_a148b4fa6c.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>A new, contemporary Rich Text Editor (RTE) is shipped with the TYPO3 core. The well known “<a href="http://ckeditor.com/" target="_blank" rel="noreferrer">CKEditor</a>” replaces the previously used editor “HtmlArea“ and lays the foundation for much more sophisticated frontend editing features in the near future.</p> <p>CKEditor is fast, much easier to configure and comes with a lot of awesome features.</p> </div> </div> </div> </div> <div class="container"> <div id="c559"> <header> <h2 class=""> Database Abstraction </h2> </header> <div class="ce-textpic ce-right ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Database_Abstraction.png" data-fancybox="f-559"> <picture> <source srcset="/fileadmin/_processed_/5/b/csm_LTS_-_Database_Abstraction_1ea714cac5.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/5/b/csm_LTS_-_Database_Abstraction_e2ac031486.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/5/b/csm_LTS_-_Database_Abstraction_776f8261d0.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/5/b/csm_LTS_-_Database_Abstraction_0f4112903e.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Database abstraction - Doctrine" src="/fileadmin/_processed_/5/b/csm_LTS_-_Database_Abstraction_1ea714cac5.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>Most web applications are developed to use a particular database management system from the ground up. For many PHP-based systems, MySQL is the database backend of choice. However, TYPO3 is a modern enterprise-level CMS and supporting one database system only is not state-of-the-art anymore today. With the introduction of <a href="http://www.doctrine-project.org/projects/dbal.html" target="_blank" rel="noreferrer">Doctrine DBAL</a> in TYPO3 v8 LTS, this dependency has been eliminated now.</p> <p>Doctrine is a database abstraction layer, well known and widely accepted in the PHP universe. By decoupling the application from a specific database system, TYPO3 v8 LTS can use MySQL, MariaDB, PostgreSQL and MSSQL now.</p> <p>Presuming extension developers have used the Extbase framework and abstained from using direct SQL queries (e.g. the <em>$query->statement() </em>), no code updates are required.</p> </div> </div> </div> </div> <div class="container"> <div id="c560"> <header> <h2 class=""> Languages and Translations </h2> </header> <div class="ce-textpic ce-left ce-intext row"> <div class="ce-gallery col-md-6 js-gallery" data-ce-columns="1" data-ce-images="1"> <div class="row"> <div class="col-md-12"> <figure> <a href="/fileadmin/t3o_common_storage/images/release_notes/v8/LTS_-_Languages_and_Translations.png" data-fancybox="f-560"> <picture> <source srcset="/fileadmin/_processed_/d/d/csm_LTS_-_Languages_and_Translations_0a5bfbdcbd.png" media="(min-width: 1200px)"> <source srcset="/fileadmin/_processed_/d/d/csm_LTS_-_Languages_and_Translations_68e1ab4dc9.png" media="(min-width: 992px)"> <source srcset="/fileadmin/_processed_/d/d/csm_LTS_-_Languages_and_Translations_9dc9557273.png" media="(min-width: 768px)"> <source srcset="/fileadmin/_processed_/d/d/csm_LTS_-_Languages_and_Translations_ca84829706.png" media="(max-width: 767px)">  <img class="img-fluid" alt="Languages and translations" src="/fileadmin/_processed_/d/d/csm_LTS_-_Languages_and_Translations_0a5bfbdcbd.png" width="1500" height="843" /> </picture> </a> </figure> </div> </div> </div> <div class="ce-bodytext col-md-6"> <p>There are not many open source content management systems on the market which can compete with the powerful multi-language capabilities provided by TYPO3. The sophisticated translation concept was extended even further in version 8, which enables editors to choose if a label should be inherited from an existing language or overwritten by a translation.</p> <p>To achieve an unprecedented flexibility in this regards, this works for almost all fields in the backend (e.g. an image title or page subtitle) and is selectable per content element rather than a global configuration.</p> <p>The decision falls to the editor/translator, who creates and maintains the content.</p> </div> </div> </div> </div> <div class="container"> <div id="c561"> <header> <h2 class=""> Standalone Fluid </h2> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>The powerful templating engine “Fluid” has been part of the TYPO3 core for a long time already. Do not worry - this has not changed!</p> <p>However, Fluid is much more flexible, comes with tons of new features and was decoupled from the core. This means, several components of Fluid, which were completely internal and impossible to replace, have been fitted with a public API and can be replaced as required now. This gives developers unprecedented control over almost all of Fluid's behaviours.</p> <p>Developers and integrators working with Fluid as a modern template rendering solution only will not notice many differences. <a href="https://github.com/TYPO3/Fluid" target="_blank" rel="noreferrer">Standalone Fluid</a> is not only faster, it is also fully backwards compatible.</p> <p>Check out the new ViewHelpers shipped with TYPO3 v8 LTS and be amazed what you can do with them in your next project. Speaking about projects: you can now integrate the template engine Fluid in other frameworks such as <em>Symfony</em> or <em>Laravel</em> for example.</p> </div> </div> </div> </div> <div class="container"> <div id="c562"> <header> <h2 class=""> Important Extensions </h2> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>Some features and components developed for TYPO3 by the Core Team are now available as extensions, as most projects do not require them. In case you are confronted by a specific requirement, the following extensions for TYPO3 v8 LTS are available for free in the <a href="https://extensions.typo3.org" target="_blank" rel="noreferrer">TYPO3 Extension Repository</a> (TER).</p> <h3>Compatibility Layer</h3> <p>The extension “<a href="https://typo3.org/extensions/repository/view/compatibility7" target="_blank">compatibility7</a>” (Compatibility Mode for TYPO3) provides an additional compatibility layer with legacy functionality for sites that have not fully migrated to TYPO3 v8 LTS yet. Please note that using this extension possibly has an impact on the performance of the website.</p> <h3>Frontend Editing</h3> <p>The original plan was to integrate frontend editing in TYPO3 v8 LTS. For several good reasons, the decision was made to continue developing this complex features as an extension on <a href="https://github.com/FriendsOfTYPO3/frontend_editing" target="_blank" rel="noreferrer">GitHub</a> for the time being.</p> <p>This extensions will be available on TER named as "frontend_editing".</p> <h3>Form Legacy</h3> <p>This extension implements the old form builder functionalities, which were replaced by the new Form Framework in TYPO3 v8 LTS.</p> <h3>Rich Text Editor "HtmlArea"</h3> <p>The previous RTE solution is still available for systems with complex requirements or configurations, specifically targetted for HtmlArea, and can be installed in exchange for CKEditor with no problems from <a href="https://typo3.org/extensions/repository/view/rtehtmlarea" target="_blank">TER</a>.</p> </div> </div> </div> </div> <div class="container"> <div id="c563"> <header> <h2 class=""> Upgrade and Support </h2> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>TYPO3 v8 LTS can be installed via <a href="https://composer.typo3.org" target="_blank" rel="noreferrer">composer</a> or the traditional way, by downloading and extracting the freely available package at <a href="https://get.typo3.org" target="_blank" rel="noreferrer">typo3.org/download</a>. Existing instances can be upgraded, if they use TYPO3 version 7.6 or later. Have a look at the upgrade wizards shipped with TYPO3 v8 in the Install Tool which guide you through the migration. Make sure, the underlying infrastructure meets the <a href="https://get.typo3.org/version/#system-requirements" target="_blank" rel="noreferrer">minimum requirements</a> (e.g. PHP version 7).</p> <p>As a LTS release, TYPO3 version 8.7 marks the last version of the 8.x series and will receive maintenance and bugfixes for 1.5 years, and security updates for at least three years until April 2020.</p> <p>For a detailed, technical explanation of what has changed including new settings and descriptions please refer to the <a href="https://wiki.typo3.org/TYPO3_CMS_8.7.0" target="_blank" rel="noreferrer">Technical Release Notes</a> or the "<a href="/help/documentation/whats-new">What's new</a>" slides.</p> </div> </div> </div> </div> <div class="container"> <div id="c564"> <header> <h2 class=""> Thanks to All Contributors </h2> </header> <div class="ce-textpic ce-center ce-above row"> <div class="ce-bodytext col-md-12"> <p>The TYPO3 Core Team would like to thank all contributors for making this milestone become reality. Everyone involved played an important part in this project and without your time and enthusiasm we would not be where we are today.</p> <p>Many thanks for all your development work, reporting bugs, reviewing and testing fixes and new features, maintaining the infrastructure, sponsoring an event, spreading the word about the system we all love: TYPO3.</p> </div> </div> </div> </div>   </main> <footer class="container-fluid footer"> <div class="container"> <div class="downloadT3"> <div class="row"> <div class="col-md-7"> <span> Ready to get started?<br> </span> <span class="h1">Download TYPO3 CMS for free!</span> </div> <div class="col-md-5 d-flex align-items-center justify-content-end"> <a class="btn btn-primary mr-3" href="https://get.typo3.org/">Download</a> <a class="btn btn-light" href="https://typo3.org/typo3-cms/overview/">Get more info</a> </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-12"> <div class="logo"> <img alt="TYPO3" src="/_assets/a686d4200d36973f64d48f0547522f58/Images/Template/typo3_nomargins.svg" width="303" height="84" /> </div> <div class="socialButtons"> <a class="fab fa-facebook" href="https://www.facebook.com/typo3/" aria-hidden="true"></a> <a class="fab fa-twitter" href="https://twitter.com/typo3" aria-hidden="true"></a> <a class="fab fa-youtube" href="https://www.youtube.com/user/typo3" aria-hidden="true"></a> </div> </div> <div class="col-md-8 col-sm-12"> <div class="container footerNavigation"> <div class="row"> <div class="col-md-3"> <section class="container"><div id="c7223" class="frame frame-7 frame-type-text frame-layout-0"><h4 class=""> Information </h4><ul><li><a href="https://typo3.com/typo3-cms/why-typo3/typo3-for-decision-makers" target="_blank" title="Why use TYPO3? - Because TYPO3 is the CMS for you!" rel="noreferrer">Decision makers</a></li><li><a href="https://typo3.com/typo3-cms/why-typo3/typo3-for-editing-publishing" target="_blank" rel="noreferrer">Users</a></li><li><a href="https://typo3.com/typo3-cms/why-typo3/typo3-for-developers" target="_blank" rel="noreferrer">Developers</a></li><li><a href="/contact">Contact form</a></li></ul></div></section> </div> <div class="col-md-3"> <section class="container"><div id="c8220" class="frame frame-7 frame-type-text frame-layout-0"><h4 class=""> Downloads </h4><ul><li><a href="https://get.typo3.org" target="_blank" title="Download and install TYPO3" rel="noreferrer">TYPO3 CMS</a></li><li><a href="https://extensions.typo3.org" target="_blank" title="Extend TYPO3 with extensions" rel="noreferrer">Extensions for TYPO3</a></li></ul></div></section> </div> <div class="col-md-3"> <section class="container"><div id="c8219" class="frame frame-7 frame-type-text frame-layout-0"><h4 class=""> Community </h4><ul><li><a href="https://my.typo3.org" target="_blank" title="Log into our community" rel="noreferrer">my.typo3.org</a></li><li><a href="https://typo3.slack.com" target="_blank" title="Chat with our community" rel="noreferrer">Slack for TYPO3 community</a></li><li><a href="/community/values/code-of-conduct">TYPO3 Code of Conduct</a></li></ul></div></section> </div> <div class="col-md-3"> <section class="container"><div id="c8306" class="frame frame-7 frame-type-text frame-layout-0"><h4 class=""> Popular links </h4></div></section> <section class="container"><div id="c7265" class="frame frame-7 frame-type-menu_subpages frame-layout-0"><div class="container"><ul class="ce-menu ce-menu-subpages"><li><a href="/legal-notice" title="Legal Notice"><span>Legal Notice</span></a></li><li><a href="https://typo3.com" title="TYPO3.com"><span>TYPO3.com</span></a></li><li><a href="/project/association" title="TYPO3 Association"><span>TYPO3 Association</span></a></li><li><a href="/privacy-policy" title="Privacy Policy"><span>Privacy Policy</span></a></li><li><a href="/social-media-privacy-policy" title="Social Media Privacy Policy"><span>Social Media Privacy Policy</span></a></li></ul></div></div></section> </div> </div> </div> </div> </div> </div> <div class="go-to-top"> <i class="fa fa-chevron-up"></i> </div> </footer> <div id="modalContent"></div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MFBV5Q5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="/_assets/a686d4200d36973f64d48f0547522f58/JavaScript/main.min.js?1726733887"></script> <script src="https://typo3.azureedge.net/typo3infrastructure/universe/dist/webcomponents-loader.js"></script> <script src="https://typo3.azureedge.net/typo3infrastructure/universe/dist/typo3-universe.js" type="module"></script> <script src="/_assets/47400bb84e4e0324cd1d0a84db430fe5/JavaScript/decode.js?1716924527"></script> <script async="async" src="/_assets/2a58d7833cb34b2a67d37f5b750aa297/JavaScript/default_frontend.js?1725954477"></script> <script data-main="/_assets/57d587a9ea415976d07cbef231e1a2f7/JavaScripts/main" src="/_assets/57d587a9ea415976d07cbef231e1a2f7/JavaScripts/Vendor/require.js" ></script> </body> </html>

CINXE.COM

TYPO3 8 Release Notes