Syntaxhervorhebung für admin-seitige Textbereiche (während der Knoten- oder Blockbearbeitung) [geschlossen]

8

Ich versuche, ein Modul zu finden, das HTML (und vorzugsweise CSS / JavaScript innerhalb von Stil- / Skript-Tags, aber das ist ein zusätzlicher Bonus) hervorhebt, wenn ich einen Knoten oder Block auf der administrativen Seite von Drupal bearbeite .

Während ich auf drupal.org nach Modulen zur Hervorhebung von Syntax gesucht habe und auf Optionen wie GeSHi und Syntax Highlighter gestoßen bin , scheinen beide für den öffentlich zugänglichen Endinhalt und nicht für die administrative Seite zu sein. Liege ich falsch und wäre einer für mich geeignet? Ich habe auch einige Projekte gesehen, die PHP-Codeblöcke hervorheben, aber das ist mir weniger wichtig als HTML / CSS / JavaScript.

Ich verwende niemals einen WYSIWYG-Editor für mein eigenes HTML, aber einige Hervorhebungen wären beim Bearbeiten meiner Inhalte sehr hilfreich.

input-formats phette23
quelle
@ Molot überprüfen Sie diese drupalmotion.com/article/syntax-highlighting-drupal
Bala
Bei der @ Bala-Frage geht es um das Syntax-Highlight im Editor . Textformate (Filter) dienen zur Anzeige . Ich kann nichts Relevantes in dem Artikel sehen, den Sie verlinkt haben
Mołot
1
@ Mołot wird dieses drupal.org/project/ace_editor Workout für Sie, aber es sieht aus wie komplett für Code-Editor
Bala
@Bala Wie unter Ihrer Antwort vermerkt, konnte ich das Ass nicht zum Laufen bringen - die Leiste wurde in Ordnung angezeigt, keine Fehler in der js-Konsole oder im Watchdog, aber es wurde einfach nichts hervorgehoben. Getestet auf Dev- und 2012-Releases mit dem gleichen (fehlenden) Ergebnis. Wenn Sie zeigen können, wie man es Schritt für Schritt konfiguriert, wäre es vollkommen in Ordnung :)
Mołot
@ Mołot sorry ich habe gerade erst diesen Kommentar bemerkt.
Bala

Antworten:

4

Ich verwende das BUEditor- Modul, für das Sie mit einigen zusätzlichen Konfigurationen Syntaxhervorhebungen hinzufügen können . Sie können festlegen, dass Administratoren nur über die Optionsseite des Moduls auf diese Schnittstelle zugreifen können.

Schritt für Schritt Anweisungen

  1. Installieren Sie das BUEditor-Modul (ich habe 1.6 verwendet).
  2. Laden Sie bue.highlight.min.css und bue.highlight.min.js von dieser Seite herunter . Ich habe diese Dateien in einem bueditorVerzeichnis innerhalb des Verzeichnisses für mein benutzerdefiniertes Thema abgelegt .
  3. Gehen Sie zur BUEditor-Konfigurationsseite : /admin/config/content/bueditor. Bearbeiten Sie die Einstellungen für die relevante (n) Version (en) von BUEditor (wahrscheinlich Standard, hängt jedoch davon ab, welche Sie jeder Rolle zuweisen. Wenn Sie möchten, können Sie verschiedene BUEditor-Optionen pro Rolle konfigurieren, müssen dann jedoch die Syntax einrichten Hervorheben für jeden.)
  4. Auf dem Bildschirm Einstellungen Editor auf den Editor Pfade Registerkarte und dann die folgenden hinzufügen Editor spezifische Bibliotheksdateien ( Mein Beispiel geht davon aus, dass Sie die JS in Ihrem Thema Verzeichnis. ):

    % THEME / bueditor / bue.highlight.min.css
    % THEMA / bueditor / bue.highlight.min.js Beispiel für Editorpfade

  5. Scrollen Sie dann zum Ende dieser Seite (unter Schaltflächen ) und fügen Sie tpl:syntaxdiesen Code hinzu:

js: BUE.postprocess._turnOnHlight = Funktion (E, $) {setTimeout (Funktion () {E.highlight ('html')}); };

Syntaxbeispiel

Speichern Sie dann die Konfiguration und Sie sollten bereit sein.

Patrick Kenny
quelle
Danke, aber das ist ziemlich schlecht. Ich habe es auf einigen Websites schon einmal benutzt, aber ich benutze es nicht mehr. Es unterstützt keine verschachtelte Hilighting. Wenn Sie beispielsweise in HTML schreiben und dann ein PHP-Tag öffnen, erhalten Sie keine Hilighting für Ihren PHP-Code. Hast du etwas besseres gefunden?
ANDiTKO
Entschuldigung, ich weiß, dass es nicht perfekt ist, aber es ist die einzige Lösung, die mir bekannt ist.
Patrick Kenny
Hallo. Konnte es nicht zum Laufen bringen. Ist es nicht veraltet? Und könnten Sie Drupal-zentrierte Anweisungen geben? Siehe Kopfgeldbeschreibung - konnte es nicht herausfinden. Wenn Sie es verwenden, können Sie es bitte aktualisieren / erweitern.
Mołot
@ Mołot Nein, es ist nicht veraltet. Es funktioniert seit 1,5 Jahren auf meiner Website ohne Änderungen und ich habe die aktuelle Version installiert. Die Konfiguration ist jedoch schwierig, daher habe ich schrittweise Anweisungen hinzugefügt.
Patrick Kenny
Aus irgendeinem Grund hat der Markdown-Formatierer meine Formatierung immer wieder durcheinander gebracht, sodass er nicht sehr hübsch ist. Entschuldigung, ich kann es nicht sauberer formatieren.
Patrick Kenny
4

Wysiwyg CodeMagic- Modul haben die Option, siehe Demo

CodeMagic ist eine fortschrittliche Quellcode-Editor - Plugin für TinyMCE . Es integriert die CodeMirror-Bibliothek zum Färben der Syntax und die JSBeautifier-Bibliothek zum Formatieren und Einrücken von Code.

Wie ich bereits erwähnt Ace Code - Editor , können Sie versuchen , diesen Patch mit der Kombination von WYSIWYG - Editor. Den Patch finden Sie hier

Bala
quelle
1
Verdammt, jetzt scheint es so, als müsste ich zweite Prämien setzen, um fair zu sein;) Besonders wenn beide Antworten funktionieren. Müssen sie testen.
Mołot
@ Mołot Sie können diese Antwort (oder jede zukünftige Antwort) mit dem Kopfgeld belohnen, wenn die Syntaxhervorhebung gut funktioniert. Die Hervorhebung der BUEditor-Syntax funktioniert, kann jedoch je nach Browser etwas hässlich werden. Es ist eine funktionierende Lösung, aber ich würde bezweifeln, dass es die beste Lösung ist.
Patrick Kenny