Von allen Aktualisierungen, die in WordPress 4.9 eingeführt wurden, hat die in den Kern integrierte CodeMirror-Bibliothek möglicherweise die weitreichendsten Auswirkungen.
In erster Linie handelt es sich um eine JavaScript-Bibliothek, die in den Editor integriert ist und Zeichenfehler, Syntaxhervorhebung und kontextbezogene Vorschläge für Codeschnipsel im WordPress-Dashboard selbst anzeigt. Im Wesentlichen macht sie es für Entwickler /und Menschen ohne Programmierkenntnisse/ viel sicherer, in WordPress einzusteigen und es zu erlernen, ohne Dinge durcheinander zu bringen und ihre Websites zu beschädigen.
Noch wichtiger ist jedoch die neue Integration mit Die Bibliothek CodeMirror und die WordPress-API, damit Plugin- und Theme-Entwickler sie nutzen können.
Das Beste daran ist, dass es sich um eine bewährte Bibliothek handelt, die auf der ganzen Welt verwendet wird. Von Bitbucket und Github bis zu Firefox und Chrome Developer Tools. Es ist keine halbherzige Lösung. Die Hauptakteure haben die beste Bibliothek gefunden. Dann haben sie die WordPress-Links erstellt, die für ihre Verwendung erforderlich sind.
WordPress 4.9 und CodeMirror
Derzeit gibt es zwei Möglichkeiten, mit Editoren in Ihren Plugins und Themes zu arbeiten. Sie können eine dieser beiden Funktionen nutzen.
Sie funktionieren ziemlich gleich, und die Unterschiede können Sie im Code nachlesen. Im Wesentlichen können Sie ein Argument übergeben codemirror damit dieses Feld den Standardtext in den neuen speziellen WP-Code-Editor umwandeln kann, indem ein spezielles Skript aufgerufen wird code-editor.js .
Die Codex-Dokumentation macht es so:
Wenn Sie z. B. CSS bearbeiten, können Sie damit drucken, und wenn Sie HTML bearbeiten, können Sie damit automatisch Tags schließen
Und es geht nicht nur um CSS und HTML.
Datei-Editoren bieten jetzt CodeMirror-codierte Warnungen, automatische Vervollständigung und Fehlerprüfung. Erlaubte Dateierweiterungen in Datei-Editoren können bearbeitet werden, um Formate einzuschließen, die CodeMirror hat für: conf, css, diff, patch, html, htm, http, js, json, php3, php4, php5, php7, phps, scss, sass, sh, bash, sql, svg, xml, yml, yaml, txt.
Dieser Zusatz eröffnet Entwicklern und Designern viele neue Möglichkeiten. Entwickler und Autoren können endlich die Art der Kontrolle erweitern, die sie den Benutzern anbieten können. Dies ist die gleiche Art von Kontrolle, die der neue Editor und der Customizer haben.
Eine wirklich tolle Änderung ist, dass Editoren jetzt tiefer in das Dateisystem eindringen können. Das bedeutet für die meisten Redakteure nichts, aber? WP-Benutzer. Das ist eine Freiheit, die Sie sich zunutze machen können.
CodeMirror öffnet eine vollständige Codierungsumgebung im WordPress-Dashboard. Jetzt können Sie tiefer in das Dateisystem der Website eindringen. Seien Sie sich dabei jedoch über viele Gefahren im Klaren. Die Benutzer können nicht nur CSS- und HTML-Dateien bearbeiten (innerhalb der geschützten Grenzen des Linkers), sondern haben auch Zugriff auf die heikleren PHP-Dateien, die dafür sorgen, dass die gesamte Installation reibungslos läuft!!!
Und wir alle wissen, dass das Letzte, was wir wollen, kaputter oder fehlerhafter Code ist, der aus PHP ein Gebräu macht.
Anmelden bei der Developer Box
Die WordPress-Entwickler (kurz Devs) haben auch die Art und Weise geändert, wie PHP-Dateien gespeichert werden, wenn man den integrierten Editor verwendet. Im Wesentlichen das, was Sie erhalten, wenn Sie eine PHP-Datei jetzt öffnen:
- Nachdem Sie eine PHP-Datei geöffnet haben, bearbeiten Sie eine neue separate Kopie dieser Datei. Ihr Inhalt wird mit Hilfe von Cookies in einer Variablen gespeichert.
- Wenn Sie die Datei so verändert haben, dass ein schwerwiegender Fehler auftritt und der Editor nicht mehr verfügbar ist, werden die Änderungen rückgängig gemacht und die ursprüngliche PHP-Datei, die Sie bearbeiten möchten, bleibt unverändert.
- Liegt zu diesem Zeitpunkt kein schwerwiegender Fehler vor, wird weiter geprüft, ob die Website selbst aufgrund eines schwerwiegenden PHP-Fehlers unzugänglich ist. Auch hier wird im Falle eines Fehlers die ursprüngliche Datei wiederhergestellt und eine Fehlermeldung angezeigt, die Ihnen mitteilt, was passiert ist und warum.
- Wenn kein Fehler vorliegt, der den Betrieb der Website auf der Verwaltungsseite oder im Frontend verhindert, werden Ihre Änderungen sofort angezeigt.
Und als letzten Fehler erkennt der Editor schlechtes PHP-Mojo. Wenn es genug gibt, um PHP in einem Loopback zu halten, der nicht behoben werden kann, ist der neue Code-Editor intelligent genug, um ihn zu stoppen und dem Benutzer eine Nachricht zu schicken, dass es wahrscheinlich am besten wäre, diese Änderungen per FTP vorzunehmen. Wahnsinn! Super, oder?
Seien wir ehrlich - in einem anderen CMS sind solche Möglichkeiten noch nicht vorhanden. Mit dieser Funktionalität ersparen wir uns eine Menge manueller Arbeit bei der Fehlerbehebung im Code via FTP. Dies ist eine weitere super WordPress-Sicherheitsfunktion, die in Version 4.9 eingebaut wurde.
Berücksichtigen Sie die Möglichkeiten
Die Beliebtheit von Online-Coding-Kursen und Bootcamps macht dieses Plug-in ideal für E-Plugins. Mit den bestehenden React-Bibliotheken, die für Plugins und Themes wie Gutenberg, Calypso und Divi verwendet werden, ist die Bearbeitung im IDE-Stil auf dem Vormarsch. (Übrigens, CodePen verwendet bereits CodeMirror für diese Aufgabe).
Die direkte Verbindung mit dem WordPress-Kern bedeutet, dass selbst kleine Änderungen und Anpassungen viel sicherer werden. Zum Beispiel können Sie den Nutzern jetzt eine direktere Kontrolle über CSS und Design im Plugin ermöglichen. Und das, ohne dass Sie befürchten müssen, etwas komplett zu ruinieren.
Wenn Sie in der Lage sind, diese Anpassung in das Plugin selbst zu integrieren, anstatt nur die Klassen und IDs zu dokumentieren, die es steuern, können Sie besseren Support und eine bessere Benutzerfreundlichkeit für das Produkt bieten. Selbst dann können Sie die Umgebung kontrollieren, in der Benutzer die Benutzeroberfläche anpassen können, und somit die beste Erfahrung bieten, so dass nichts anderes auf ihrer Website (theoretisch) von den Änderungen, die sie vornehmen, betroffen sein kann.
Obwohl eine solche Variante vor Version 4.9 technisch durchaus möglich war. Jetzt jedoch, mit einer eingebetteten IDE (ish), erhalten Sie (und können) viel bessere Kontrolle bieten.
Viel Spaß!
Mit den Möglichkeiten, die WordPress 4.9 mit der Integration von CodeMirror bietet, gab es in der Geschichte von WordPress keinen besseren Zeitpunkt für Entwickler und Benutzer, um tief in den Code einzutauchen. Es ist Zeit zu lernen, wie die Dinge wirklich funktionieren.
Denn was kann schon passieren? Selbst wenn man die ganze Installation vermasselt, kann man neu anfangen 😉 .
Quelle: CUC