Wikipedia:Technik/Text/Edit/AceWikiEditor
AceWikiEditor ist ein experimentelles Helferlein, um Syntaxhervorhebung von Wikisyntax bei der Bearbeitung des Quelltextes von Artikeln zu ermöglichen. Es handelt sich um einen Fork der MediaWiki-Erweiterung CodeEditor, die Syntaxhervorhebung für CSS, JavaScript und Lua ermöglicht (WP:CodeEditor). Beide ersetzen das Textarea-Eingabefeld gegen den Ace Editor.
Voraussetzung
- Erweiterte Bearbeiten-Werkzeugleiste muss aktiviert sein (Standard)
- moderner Browser: Firefox, Safari 4+, Chrome, IE 9+, Opera 11.5+
Bekannte Probleme
- funktioniert nicht mit Skripten, die eine herkömmliche MediaWiki Textarea erwarten, keine Synchronisationsmöglichkeit.
- Die Warnung „Änderungen Verwerfen?“ beim Schließen von Tabs wird nicht ausgelöst.
- Funktioniert nicht mit der alten Bearbeitungswerkzeugleiste.
- {{#if:trim|Tab}} und {{#if:trim|Umschalt}}+{{#if:trim|Tab}} wird abgefangen.
- {{#if:trim|Strg}}+{{#if:trim|T}} wird abgefangen.
- Automatische Rechtschreibprüfung des Browser wird deaktiviert.
- Beim Speichern kommt die irreführende Meldung, dass Datenverlust droht, weil ein Fenster geschlossen wird.
- Hebt jedes Leerzeichen hervor und führt Zeilenumbrüche mitten im Wort durch.
- Kann nicht mit Verschachtelungen (Tabellen, Links in Bildunterschriften, >3 Vorlagen ineinander) umgehen.
Funktionen
- Echtzeit-Syntaxhervorhebung
- deutlich schneller als vergleichbare Skripte bei langen Artikeln
- einstellbare Schriftgröße in der Bearbeitungsleiste
- Knopf zum Abschalten in der Bearbeitungsleiste Datei:Code-selected.png
- markiert abschließende Klammern
Verwendung
Folgendes in Spezial:Meine Benutzerseite/common.js eintragen: <syntaxhighlight lang="javascript"> // Syntaxhervorhebung für Artikel importScript('Benutzer:Matthias_M./Gadget-AceWikiEditor.js'); </syntaxhighlight> Folgendes in Spezial:Meine Benutzerseite/common.css eintragen: <syntaxhighlight lang="css"> /* Verhindert, dass die DropDown-Liste "Schriftgröße" vom Editor überdeckt wird: */ .wikiEditor-ui-toolbar .group .tool-select .menu .options {
z-index: 500
} </syntaxhighlight>