PHPackages b13/codeblock - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. b13/codeblock ActiveTypo3-cms-extension[Utility & Helpers](/categories/utility) b13/codeblock ============= Custom Content Type for code snippet elements to show text with code highlighting in TYPO3. 2.1.0(1y ago)510.2k↓38.2%7[3 PRs](https://github.com/b13/codeblock/pulls)GPL-2.0-or-laterPHPPHP ^7.4 || ~8.0 Since Nov 8Pushed 4mo ago6 watchersCompare [ Source](https://github.com/b13/codeblock)[ Packagist](https://packagist.org/packages/b13/codeblock)[ Docs](https://github.com/b13/codeblock)[ RSS](/packages/b13-codeblock/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (4)Dependencies (3)Versions (17)Used By (0) Code Block ========== [](#code-block) What does this extension do? ---------------------------- [](#what-does-this-extension-do) Code Block is a TYPO3 extension. It adds a content type to display source code processed using `highlight.php` to render code snippets with syntax highlighting. The CSS-classes applied are identical to what highlight.js would render, but the transformation takes place on the server (instead of the browser when using JS). The rendered result is cached like any other content element with the page in TYPO3. Using this extension you can skip adding highlight.js to your JS-build. This helps reduce the JavaScript size for your website and also allows rendering of source code snippets for AMP pages for example. Code Languages -------------- [](#code-languages) The extension supports all code languages that highlight.php supports. These can either be specified by choosing a setting inside the content element or detected automatically. Installation ------------ [](#installation) Add this extension to your TYPO3 setup. Install using composer: `composer req b13/codeblock`. Add the TypoScript to your site extensions setup: `@import 'EXT:codeblock/Configuration/TypoScript/setup.typoscript'` Add the PageTS (for adding the element to the New Content Element Wizard): `@import 'EXT:codeblock/Configuration/PageTs/PageTs.tsconfig'` If you want to use your own Fluid Template, add the Template Root Path to the setup like this: `tt_content.codeblock.templateRootPaths.10 = EXT:your_site_extension/Resources/Private/Contenttypes/Templates` ### A note for Integrators: [](#a-note-for-integrators) If your Fluid Layout "Default" uses `` you should use a custom content type Fluid Template to avoid having your frontend tabs/spaces missing for some parts. `Spacelesse` removes spaces between tags, and `highlight.php` can add a series of `foo bar` strings that need the spaces between the tags to be readable and make sense. Styles ------ [](#styles) CSS styling needs to be included manually. The classes added to the HTML output are generated automatically. Their styling need to be specified in a CSS file in order to add a custom styling. E.g. for JetBrain's darcula theme: ``` .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #2b2b2b; } .hljs { color: #bababa; } .hljs-strong, .hljs-emphasis { color: #a8a8a2; } .hljs-bullet, .hljs-quote, .hljs-link, .hljs-number, .hljs-regexp, .hljs-literal { color: #6896ba; } .hljs-code, .hljs-selector-class { color: #a6e22e; } .hljs-emphasis { font-style: italic; } .hljs-keyword, .hljs-selector-tag, .hljs-section, .hljs-attribute, .hljs-name, .hljs-variable { color: #cb7832; } .hljs-params { color: #b9b9b9; } .hljs-string { color: #6a8759; } .hljs-subst, .hljs-type, .hljs-built_in, .hljs-builtin-name, .hljs-symbol, .hljs-selector-id, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-template-tag, .hljs-template-variable, .hljs-addition { color: #e0c46c; } .hljs-comment, .hljs-deletion, .hljs-meta { color: #7f7f7f; } ``` This extension uses `highlight.php` (see ). This package includes [a lot of different CSS style themes](https://github.com/scrivo/highlight.php/tree/master/styles) you can use. License ------- [](#license) As TYPO3 Core, *codeblock* is licensed under GPL2 or later. See the LICENSE file for more details. Background, Authors & Further Maintenance --------------------------------------------- [](#background-authors--further-maintenance) TYPO3 is highly configurable and it is easy to add custom content types to the system using a few lines of TCA configuration, a simple PageTS configuration to add the type to the list of elements in the New Content Element Wizard, and a few lines of TypoScript and a Fluid Template. This extension adds a content type in the same way we create custom content types for our TYPO3 projects at [b13](https://b13.com). `EXT:codeblock` was initially created by Andreas Hämmerl and David Steeb in 2019 for [b13, Stuttgart](https://b13.com). We use it to display source code in our blog on [b13.com](https://b13.com), where we have a full-AMP website and do not include non-AMP JavaScript files. [Find more TYPO3 extensions we have developed](https://b13.com/useful-typo3-extensions-from-b13-to-you) that help us deliver value in client projects. As part of the way we work, we focus on testing and best practices to ensure long-term performance, reliability, and results in all our code. ### Health Score 49 — FairBetter than 95% of packages Maintenance60 Regular maintenance activity Popularity31 Limited adoption so far Community20 Small or concentrated contributor base Maturity71 Established project with proven stability Bus Factor1 Top contributor holds 80.7% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~154 days Recently: every ~457 days Total 13 Last Release 536d ago Major Versions v1.4.0 → 2.0.12023-01-20 ### Community Maintainers ![](https://avatars.githubusercontent.com/u/165630?v=4)[Benni Mack](/maintainers/bmack)[@bmack](https://github.com/bmack) ![](https://avatars.githubusercontent.com/u/3862523?v=4)[David Steeb](/maintainers/davidsteeb)[@davidsteeb](https://github.com/davidsteeb) --- Top Contributors [![davidsteeb](https://avatars.githubusercontent.com/u/3862523?v=4)](https://github.com/davidsteeb "davidsteeb (67 commits)")[![bmack](https://avatars.githubusercontent.com/u/165630?v=4)](https://github.com/bmack "bmack (7 commits)")[![achimfritz](https://avatars.githubusercontent.com/u/2152991?v=4)](https://github.com/achimfritz "achimfritz (3 commits)")[![georgringer](https://avatars.githubusercontent.com/u/1905663?v=4)](https://github.com/georgringer "georgringer (2 commits)")[![o-ba](https://avatars.githubusercontent.com/u/8812114?v=4)](https://github.com/o-ba "o-ba (2 commits)")[![b13-michaelsemle](https://avatars.githubusercontent.com/u/23473071?v=4)](https://github.com/b13-michaelsemle "b13-michaelsemle (1 commits)")[![jschlier](https://avatars.githubusercontent.com/u/9108576?v=4)](https://github.com/jschlier "jschlier (1 commits)") ### Embed Badge ![Health badge](/badges/b13-codeblock/health.svg) ``` [![Health](https://phpackages.com/badges/b13-codeblock/health.svg)](https://phpackages.com/packages/b13-codeblock) ``` ### Alternatives [eliashaeussler/typo3-form-consent Extension for TYPO3 CMS that adds double opt-in functionality to EXT:form 1481.0k](/packages/eliashaeussler-typo3-form-consent)[b13/assetcollector Add CSS and SVG files and strings as inline style tag/inline svg to the html code. 10118.4k](/packages/b13-assetcollector)[mfd/ai-filemetadata Automatically generates FAL metadata for files by means of public LLMs 1142.1k](/packages/mfd-ai-filemetadata)[mautic/mautic-typo3 Add-on TYPO3 extension that enhances the "EXT:marketing\_automation" TYPO3 extension by connecting it to the Mautic Marketing Automation platform: Determine "Persona" from Mautic segments. Also provides additional services e.g. language synchronisation between Mautic and TYPO3. 236.3k](/packages/mautic-mautic-typo3) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)