## Works out of the box [Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes](https://www.jajuma.de/en/jajuma-develop/extensions/syntax-highlighter-4-page-builder-extension-for-magento-2) extension by [JaJuMa](https://www.jajuma.de) adds syntax highlighting for HTML, CSS + JavaScript code as well as line numbers and color icons and more in Magento 2 Page Builder. [Hyvä](https://www.jajuma.de/en/hyvaverse-guide) compatibility module is not required since the module does not have store front elements or provides native compatibility for [Hyvä Stores](https://www.jajuma.de/de/jajuma-shop/online-shop-mit-magento-2-und-hyva-themes). ## Link to original module Full Description of extension scope: [Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes](https://www.jajuma.de/en/jajuma-develop/extensions/hyva-pwa-extension-for-hyva-themes-magento-2) Extension on GitHub: [Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes](https://github.com/JaJuMa-GmbH/syntax-highlighter-4-page-builder) ## Features * Syntax highlighting for HTML, CSS & JS as well as Magento directives (41 themes included) * Color icons for CSS colors (hex, rgba, hsl, web colors) * Automatically added line numbers * Highlight matching braces on hover / via rainbow colors * Keep line indents on input line break * Show invisible characters (space, tabs, line breaks) * Preview CSS values on hover for angles, colors, gradients, easing functions & time for durations ## Demos [Magento Luma Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-magento-2) [Magento & Hyvä Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-magento-2-and-hyva-themes) [Mage-OS & Hyvä Demo](https://www.jajuma.de/en/jajuma-shop/demo-shop-with-mage-os-and-hyva-themes)