Syntax Highlighter 4 Page Builder für Magento 2

Syntax Highlighter 4 Page Builder Extension for Magento 2
Free
Hyvä Compatible Themes Out-of-the-box
Mage-OS Compatible
Composer Installation Composer Installation?

Syntax Highlighting Für Magento 2
Page Builder!

Syntax Highlighting im Page Builder in Ihrem Magento 2 Shop für HTML, CSS & Javascript sowie Magento Directives Code.

Mehr Spaß beim Schreiben von Code im Page Builder
In Ihrem Magento 2 Shop:

  • Syntax Highlighting Für HTML/CSS/JS
    Sowie Magento Directives
  • 41 Themes Enthalten
  • Farb-Icons Für CSS Farben
  • Zeilennummern
  • Klammern Matching
  • Anzeige Unsichtbarer Zeichen

Alle Highlights Anschauen

Lizenz:


Magento Marketplace Approved by
  • Einmalige Zahlung - Kein Abo
  • Lebenslanger Zugriff auf Quellcode
  • 1 Jahr kostenfreier Support
  • 1 Jahr kostenfreie Updates
awesomeicons6/brands/magento

Geprüft und verifiziert von Magento Marketplace

awesomeicons6/brands/hyva-monotone

Hyvä Theme
Kompatibel

awesomeicons6/solid/code-fork

Unverschlüsselt. 100% Open Source & anpassbar

awesomeicons6/solid/code

Coding Standards. Sauberer & lesbarer Code

awesomeicons6/regular/face-smile-beam

Unzählige zufriedene Kunden: Seien Sie der Nächste!

awesomeicons6/regular/heart

Made With Love

Unsere Extensions sind gebaut mit Liebe und Leidenschaft für neue Dinge, Perfektion und Performance.

awesomeicons6/solid/handshake

Praxis Erprobt

Unsere Extensions sind in unseren eigenen Kundenprojekten praxiserprobt.

Lösung

Verbessern Sie den HTML-Editor in Magento 2 Page Builder mit Syntax-Highlighting & mehr...
mit Syntax Highlighter 4 Page Builder von JaJuMa!

Mehr Komfort und Spaß
beim Coding im Magento Page Builder.

DAS PROBLEM
PLAIN TEXT INPUT
ALS HTML EDITOR
Im MAGENTO 2
PAGE BUILDER

Magento Page Builder wurde in Magento Open Source mit Version 2.4 eingeführt.
Es ist ein leistungsfähiges Werkzeug für die Verwaltung von Inhalten und enthält auch einen Inhaltstyp zum Hinzufügen von HTML, CSS + Javascript sowie Magento Directives.

Allerdings ist die Bearbeitung von Code in einer einfachen Textarea-Eingabe nicht bequem.
Das Schreiben und Lesen von Code, das Verstehen der Struktur und das Erkennen von Syntaxfehlern ist in einem reinen Text, der nur schwarz auf weiß ist, eine Qual!

Lesen Sie weiter, um mehr über unsere Syntax Highlighter 4 Page Builder-Extension zu erfahren und wie sie Ihre Erfahrung beim Schreiben von Code in Ihrem Magento 2 Page Builder bequemer und unterhaltsamer machen wird...

DIE LÖSUNG
SYNTAX
HIGHLIGHTING
FÜR MAGENTO 2
PAGE BUILDER

Nutzen Sie Syntax-Highlighting im Page Builder in Ihrem Magento 2 Shop für HTML, CSS & Javascript sowie Magento Directives Code mit der Syntax Highlighter 4 Page Builder Extension für Magento 2 von JaJuMa..
Endlich, Syntax-Highlighting für Magento 2 Page Builder ist gelandet!
Farbige Syntaxhervorhebung im Code: Farbige Syntaxhervorhebung, so wie Sie es von Ihrer IDE (Integrated Development Environment) gewohnt sind. Mehrere Themes enthalten, um Ihre persönlichen Vorlieben zu erfüllen.
Farbicons: Die in Ihrem Code verwendeten Hex-Farben werden als Farbsymbole angezeigt.
Und Mehr:


Gut strukturierter und leicht zu lesender Code, damit das Programmieren mehr Spaß macht, bequemer und effizienter ist.
Holen Sie sich jetzt unsere Syntax Highlighter 4 Page Builder Extension und
Viel Spaß beim Schreiben von Code in Page Builder!

Highlights

Syntax Highlighter 4 Page Builder Für Magento 2 by JaJuMa-Develop

Farbliches Syntax Highlighting
+ Icons Für Hex Codes + Zeilennummern
+ Zeileneinzüge bei der Eingabe beibehalten
+ Übereinstimmende Klammern hervorheben
+ Vorschau von CSS Werten Bei Hover

Syntax Highlighting Für
HTML/CSS/JS Sowie

Magento Directives Code

41 Themes
Enthalten

für Ihre Vorlieben

Farb-Icons
Für CSS Farben

& Animierte CSS Werte

Zeilen-
Nummern

für strukturierten Code

Klammern Matching
On Hover

& via "Rainbow Braces"

Anzeige
Unsichtbarer Zeichen

Leerzeichen & Tabstops

awesomeicons6/brands/hyva-colored
Hyvä Theme Compatible
Zur Hyvä Demo
awesomeicons6/brands/mage-os-filled
Mage-OS Compatible
Zur Mage-OS Demo

Details

Syntax Highlighter 4 Page Builder Für Magento 2 by JaJuMa Im Detail.

Verbesserte Lesbarkeit, Fehlererkennung, Verständlichkeit und Effizienz beim Coding

JaJuMa Syntax Highlighter 4 Page Builder Extension

Warum brauche ich Syntax-Highlighter für Page Builder für meinen Magento-Shop?

Die Syntaxhervorhebung ist eine Funktion, die häufig in Texteditoren und integrierten Entwicklungsumgebungen (IDEs) zu finden ist und visuelle Hinweise zur Unterscheidung verschiedener Teile Ihres Codes liefert.
Sie hebt verschiedene Elemente wie Schlüsselwörter, Variablen, Kommentare und Zeichenketten hervor, indem sie ihnen verschiedene Farben oder Schriftarten zuweist.

Syntax-Highlighting in Magento Page Builder mit JaJuMa Syntax Highlighter wird Ihre Coding Erfahrung durch mehrere Vorteile erheblich verbessern:

  1. Lesbarkeit und Unterscheidung von Code und Inhalt:
    Die Syntaxhervorhebung verbessert die Lesbarkeit des Codes, indem sie die verschiedenen Komponenten des Codes visuell trennt. Sie hilft Ihnen, die Struktur und Organisation des Codes schnell zu erkennen, wodurch er leichter zu verstehen und zu navigieren ist.
    Die Syntaxhervorhebung hilft bei der Unterscheidung von Codeelementen und regulärem Inhalt innerhalb der Page Builder-Oberfläche. Sie trennt Codeschnipsel oder Auszeichnungssprachen wie HTML, CSS oder JavaScript visuell vom übrigen Seiteninhalt. Diese Unterscheidung macht es einfacher, Codeabschnitte zu identifizieren und zu ändern, ohne versehentlich den Inhalt zu verändern.
  2. Fehlererkennung und Fehlerbehebung:
    Die Syntaxhervorhebung kann bei der Identifizierung von Codierungsfehlern oder Problemen innerhalb der in Page Builder verwendeten Code-Snippets helfen. Durch die Anwendung verschiedener Farben und Formatierungen auf Schlüsselwörter, Tags und Operatoren wird es einfacher, Syntaxfehler, fehlende schließende Tags oder falsche Codestrukturen zu erkennen. Diese Funktion hilft dabei, potenzielle Probleme zu vermeiden und den Code effizienter zu debuggen.
  3. Fokus und Aufmerksamkeit:
    Die Syntaxhervorhebung ermöglicht es Ihnen, sich auf bestimmte Teile Ihres Codes zu konzentrieren, indem Sie sie visuell vom Rest abheben. Sie lenkt Ihre Aufmerksamkeit auf wichtige Elemente wie Funktionsnamen oder Steueranweisungen und erleichtert so das Verständnis von Logik und Ablauf des Codes.
  4. Sprachverstehen:
    Die Syntaxhervorhebung kann besonders hilfreich sein, wenn Sie mit unbekannten Programmiersprachen oder Frameworks arbeiten. Durch die Hervorhebung sprachspezifischer Schlüsselwörter und Konstrukte wird das Verständnis der Syntax und Struktur des Codes erleichtert.
  5. Effizientes Coding & und Produktivität:
    Die Syntaxhervorhebung kann die Effizienz und Produktivität Ihrer Codierung in Page Builder steigern. Mit der Syntaxhervorhebung können Sie verschiedene Abschnitte Ihres Codes schnell auffinden und durch sie navigieren. So können Sie übereinstimmende Klammern erkennen, die Einrückung ausgleichen und eine konsistente Codeformatierung beibehalten. Dank dieser Vorteile können Sie effizienter arbeiten und sich auf die eigentliche Aufgabe konzentrieren, was zu einem reibungsloseren Ablauf bei der Programmierung führt.
  6. Visuelle Attraktivität und Hinweise auf die Codestruktur:
    Die Syntaxhervorhebung macht Ihren Code optisch ansprechender und weniger eintönig. Dies kann zu einer positiven Codierungserfahrung beitragen und die Produktivität steigern.
    Code-Snippets in Page Builder können komplexe Strukturen oder verschachtelte Elemente enthalten. Die Syntaxhervorhebung kann die Hierarchie und die Organisation des Codes visuell darstellen und erleichtert so das Verständnis der Struktur und der Beziehungen zwischen verschiedenen Elementen. So können Sie den Code mit größerer Präzision navigieren und ändern.

Insgesamt verbessert JaJuMa Syntax Highlighter für Page Builder die Lesbarkeit, Fehlererkennung, das Verständnis und die Effizienz Ihres Codes. Es ist ein wertvolles Werkzeug, das sowohl Anfängern als auch erfahrenen Programmierern beim Schreiben, Verstehen und Warten von Code behilflich ist.
Wenn Sie den Page Builder in Ihrem Magento 2-Shop verwenden, ist dies ein netter kleiner Helfer, den Sie beim Erstellen von Inhalten nicht missen möchten.


Diese Extension bietet folgende Verbesserungen für Magento 2 Page Builder HTML Editor:

  • Syntaxhervorhebung für HTML, CSS und JS sowie Magento Directives (41 Themes enthalten)
  • Farbsymbole für CSS-Farben (hex, rgba, hsl, Webfarben)
  • Automatisch hinzugefügte Zeilennummern
  • Hervorhebung passender Klammern bei Hover / über Regenbogenfarben
  • Tabulatorzeileneinzüge bei Eingabe/Zeilenumbruch beibehalten
  • Unsichtbare Zeichen anzeigen (Leerzeichen, Tabulatoren, Zeilenumbrüche)
  • Vorschau für CSS Werte bei hover für angles, colors, gradients, easing functions & time for durations

Schreiben Sie Ihre Bewertung

Ihre Bewertung:
Laden...

Sie haben Ihre Bewertung für die Moderation übermittelt.

Frequently Asked Questions

General Magento Extension Questions
How to install Magento 2 extensions from JaJuMa?

We offer different ways of Magento 2 extension installation:

Before Installing

  • We recommend you to duplicate your live store on a staging/test site and try installation on your staging/test site before deploying to your live store
  • Backup Magento files and the store database


Please Note:
It’s very important to backup all themes and extensions in Magento before installation, especially when you are working on a live server. We strongly recommend you to do not skip this step.

Manual Extension Installation via FTP/SSH:

After purchasing an extension, you can download the module as .zip package in your Customer Account.
After downloading the .zip package, please follow these steps for installation:

  1. Log into your hosting space via a FTP client (e. g. FileZilla, WinSCP, cuteFtp)
  2. Create Folder: /app/code/Jajuma/[ExtensionName]*
  3. Unzip extension package and upload files into: /app/code/Jajuma/[ExtensionName]*
  4. Enter and run the following commands at the command line:
    php bin/magento setup:upgrade
    php bin/magento setup:static-content:deploy

* Note: [ExtensionName] can be found in registration.php file: Jajuma_[ExtensionName]

 

Extension Installation via Composer / Magento Marketplace:

For installation via composer, please get the extension

  • from Github and install as any other extension from Github or
  • from Magento Marketplace and follow this Installation Guide and
    make sure to use the correct key for Marketplace repo (the key that belongs to the account that purchased the module).
    In case of issue with installing via composer, please double-check to use the correct key for Marketplace repo.
    Your key should be in your auth.json file.


Links for composer installation to Github/Marketplace can be found on top of this page in technical info section - Click Here

Error Could not find a matching version of package jajuma/[module-name]. Check the package spelling, your version constraint and that the package

With this error message, most likely the key used for the Marketplace repo is wrong/invalid, i. e. not the key that belongs to the account that purchased the module. Please double-check to use the correct key for the Marketplace repo.

For installing extensions from Magento Marketplace, please follow this guide and make sure to use the correct key for the Marketplace repo:
Installation Guide

Please feel free to get in touch with our support in case you have any further questions or concerns or check with Marketplace support in case the installation issue can not be resolved.

Do you offer free technical support?

After purchasing a (non-free) extension we provide 12 month support via support ticket for free.

Do you offer customization service for your extensions?

Yes, please get in touch with our customer support so we can clarify your requirement and provide a quote.

Where can I download my extension?

You can download your extension from your customer account as soon as the payment has been processed.

Do you offer a free trial period?

Unfortunately, we can not offer a free trial period.

However, we do have demo site for all our extensions. Feel free to test all the features and see how the extensions work.

In case of any questions or concerns regarding compatibility or how some extension works our customer support is also always happy to help.

Do you offer refunds?

All our extensions are non-tangible downloadable goods. Hence we can unfortunately not issue refunds.

Refunds will NEVER be issued for services provided such as installation support, customization and software development work.

Changelog

Version: 1.0.0

  • Initial Release

Version: 1.0.1

  • Fix conflict with Smile Elasticsuite

Version: 1.0.2

  • General performance improvements when working with large html
  • Added configs to enable/disable plugins to avoid performance issues with large html
  • General performance improvements when working with large html
  • Minor improvements
  • Small bugfix by @andyeades - Thanks a lot!

Version: 1.0.3

  • Fixed: Issue with resize HTML Editor
  • Fixed: Issue with Magento directives highlighting

Mehr Extensions

Vielleicht auch interessant für Sie?
Weitere wertvolle Extensions und Add-Ons für Ihren Magento-Shop

Unsere Kunden sind begeistert!