tpl JS- und CSS-Editormodul

Ein echter Editor, kein Textfeld

Syntaxhervorhebung, Zeilennummern und Speichern mit Strg+S . Links finden Sie alle bearbeitbaren Dateien des Themes mit ihren Größenangaben und einem Filter, um die gewünschte Datei zu finden; custom Dateien werden immer oben angezeigt. Wenn Sie den Tab mit Änderungen schließen, ohne zu speichern, erhalten Sie eine Benachrichtigung.

Wenn Ihr Backoffice keinen Internetzugang hat, ist die Hervorhebungsfunktion deaktiviert und der Editor funktioniert weiterhin als reiner Text.

Durchsuchen Sie das gesamte Thema

Wo ist ` .product-miniature definiert? Geben Sie es ein, und Sie sehen alle Treffer mit Datei- und Zeilennummer. Drücken Sie die 1, und der Editor öffnet die Datei direkt. Er unterstützt Groß-/Kleinschreibung, reguläre Ausdrücke und Filterung nach CSS oder JS.

Innerhalb der geöffneten Datei steht Ihnen auch die Option „Suchen und Ersetzen“ zur Verfügung. Der Austausch erfolgt im Editor und wird erst nach dem Speichern auf der Festplatte gespeichert; daher kann er ignoriert werden.

Wenn etwas schiefgeht, bricht alles auseinander.

Jeder Speichervorgang erstellt eine Kopie des Dateizustands. Sie wählen eine Datei aus dem Dropdown-Menü aus, laden sie in den Editor, überprüfen sie und speichern sie. Änderungen können jederzeit verworfen werden , wodurch der ursprüngliche Zustand auf der Festplatte wiederhergestellt wird.

Und falls jemand anderes – oder Ihr Entwickler per FTP – die Datei seit Ihrem Öffnen geändert hat, speichert der Editor sie nicht und fordert Sie zum erneuten Laden auf. So wird verhindert, dass versehentlich die Arbeit anderer überschrieben wird.

Die Veränderung ist sofort sichtbar.

Mit der Option „Cache beim Speichern leeren“ löscht das Modul den kombinierten CSS- und JS-Cache von Theme und Templates. Ihre Änderungen werden im Shop auch dann angezeigt, wenn die PrestaShop-Dateioptimierung aktiviert ist. Genau deshalb werden manuelle Änderungen nicht angezeigt, und der Grund dafür ist unbekannt.

Die Sorge: Sicherheit

Ein Backoffice-Dateieditor muss streng sein, und dieser hier ist es:

• Es funktioniert nur innerhalb von /themes/ Pfade mit .. , symbolischen Links oder externen Dateien werden vom Server abgelehnt.
• Geschlossene Liste der Erweiterungen: CSS, JS, SCSS und LESS. Niemals PHP.
• Beschränkt auf das Standard-SuperAdmin-Profil und unterliegt außerdem den Tab-Berechtigungen.
• Jeder Speichervorgang wird protokolliert: Datum, Mitarbeiter, IP-Adresse, Datei und Inhaltsfingerabdruck.
• Die Bearbeitungsfunktion für .tpl -Vorlagen ist vorhanden, aber standardmäßig deaktiviert und wird nur von einem SuperAdmin verwendet. Vor jedem Speichern ist eine Sicherungskopie obligatorisch.

Kompatibilität

PrestaShop 8.0 bis 9.x. Getestet mit PrestaShop 8.2 (Classic) und 9.2 (Hummingbird) sowie PHP 8.1 und 8.3. Funktioniert mit allen Themes, inklusive Child-Themes. Keine Überschreibungen oder Kernel-Modifikationen.