JaJuMa - Syntax Highlighter 4 Page Builder

Works out of the box

Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes extension by JaJuMa adds syntax highlighting for HTML, CSS + JavaScript code as well as line numbers and color icons and more in Magento 2 Page Builder.

No compatibility module is required since the module does not have store front elements or provides native Hyvä Themes compatibility.

Link to original module

Full Description of extension scope:
Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes

Extension on GitHub:
Syntax Highlighter 4 Page Builder for Magento 2 & Hyvä Themes

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
Magento & Hyvä Demo
Mage-OS & Hyvä Demo