Wikipedia:Technik/Text/Edit/CodeEditor - Versionsgeschichte

PerfektesChaos: /* Bearbeitung einer Seite */ + Autovervollständigung

2024-11-21T14:17:06Z

Bearbeitung einer Seite: + Autovervollständigung

← Nächstältere Version		Version vom 21. November 2024, 16:17 Uhr
Zeile 118:		Zeile 118:

	Ein Klick auf die Schaltfläche [[Datei:Code-selected.png]] aktiviert (<code>1</code>) bzw. deaktiviert die Hervorhebung und ändert den Wert des Cookies.		Ein Klick auf die Schaltfläche [[Datei:Code-selected.png]] aktiviert (<code>1</code>) bzw. deaktiviert die Hervorhebung und ändert den Wert des Cookies.

			=== Autovervollständigung ===
			Seit Herbst 2024 wird beim Bearbeiten bekannter Ressourcenseiten eine Autovervollständigung eingeblendet. <!-- 2024-11-21 1.44.0-wmf.4 Task=377663 Gerrit:1081516 -->

	== Bedienung ==		== Bedienung ==

PerfektesChaos: k

2020-01-22T14:03:13Z

← Nächstältere Version		Version vom 22. Januar 2020, 16:03 Uhr
Zeile 252:		Zeile 252:

	== Weitere Informationen ==		== Weitere Informationen ==
	{{MediaWiki\|Extension:CodeEditor~~\|3=Technische Informationen (englisch)~~}}		{{MediaWiki\|Extension:CodeEditor}}
	{{Phabricator\|Engage=MediaWiki-extensions-CodeEditor\|ICON=1\|ENGL=1}}		{{Phabricator\|Engage=MediaWiki-extensions-CodeEditor\|ICON=1\|ENGL=1}}
	:* {{Phab\|project=mediawiki/extensions/CodeEditor\|title=ECED}}		:* {{Phab\|project=mediawiki/extensions/CodeEditor\|title=ECED}}

PerfektesChaos: k

2018-06-17T17:15:32Z

← Nächstältere Version		Version vom 17. Juni 2018, 19:15 Uhr
Zeile 1:		Zeile 1:
	{{../../../~~Linkbox}}~~		{{../../../!header
	~~{{Überschriftensimulation 1~~\|CodeEditor}}		\|Text=CodeEditor}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Textsequenzen besser darzustellen, die vollständig in einer formalen Sprache notiert sind. Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (JavaScript-Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Textsequenzen besser darzustellen, die vollständig in einer formalen Sprache notiert sind. Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.

	Es gibt zwei Anwendungsbereiche:		Es gibt zwei Anwendungsbereiche:

PerfektesChaos: updates

2017-03-03T09:00:10Z

updates

← Nächstältere Version		Version vom 3. März 2017, 11:00 Uhr
Zeile 1:		Zeile 1:
	{{../../../Linkbox}}		{{../../../Linkbox}}
	{{Überschriftensimulation 1\|CodeEditor}}		{{Überschriftensimulation 1\|CodeEditor}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung ~~Seiten~~ besser darzustellen, die vollständig in einer formalen Sprache notiert sind ~~(„[[../../../ MediaWiki/Content Model\|Content Model]]“)~~. Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Textsequenzen besser darzustellen, die vollständig in einer formalen Sprache notiert sind. Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.

			Es gibt zwei Anwendungsbereiche:
	Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.		# Seiten, die vollständig in einer formalen Sprache notiert sind („[[../../../ MediaWiki/Content Model\|Content Model]]“).<br /> Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.
			# Berbeitung von Code-Sequenzen, die in der Seite mit <code>[[Hilfe:Syntaxhighlight\|<syntaxhighlight>]]</code> dargestellt werden, mittels [[Hilfe:VisualEditor\|VisualEditor]] – siehe dazu [[Hilfe:Syntaxhighlight/VisualEditor]]

			Unterstützt werden zurzeit über 130 Syntaxschemata, somit nahezu 200 individuelle Programmiersprachen (mit Varianten und Dialekten) oder genauer: formale Sprachen.

	== Geeignete Browser ==		== Geeignete Browser ==
	Der CodeEditor wurde nur für einige Versionen der folgenden Browser erprobt:		Der CodeEditor wurde zunächst nur für einige Versionen der folgenden Browser erprobt:
	* Firefox		* Firefox
	* Google Chrome		* Google Chrome
Zeile 15:		Zeile 19:
	* '''IE''' 8.0.6001.18702 / Win XP: some newlines mysteriously removed, '''corrupting data'''; insertion point keeps resetting back to the top of the page after a click (arrow keys ok)		* '''IE''' 8.0.6001.18702 / Win XP: some newlines mysteriously removed, '''corrupting data'''; insertion point keeps resetting back to the top of the page after a click (arrow keys ok)
	* '''Safari / iPad''' 4.3 (8F190): renders ok, but can’t set focus or scroll vertically. '''No focus means no typing'''. :(		* '''Safari / iPad''' 4.3 (8F190): renders ok, but can’t set focus or scroll vertically. '''No focus means no typing'''. :(
			Der aktuelle Stand (2017) ist nicht bekannt.

	== ~~Aktivierung~~ ==		== Bearbeitung einer Seite ==
			=== Aktivierung ===
	''Wichtig:''		''Wichtig:''
	* Konkurrierende Editoren müssen deaktiviert sein, namentlich [[../wikEd\|wikEd]].		* Konkurrierende Editoren müssen deaktiviert sein, namentlich [[../wikEd\|wikEd]].
	* Die „neue“ oder „erweiterte“ Werkzeugleiste muss aktiviert sein ([[Hilfe:Symbolleisten]]), weil darauf die Benutzerführung aufbaut.		* Die „neue“ oder „erweiterte“ Werkzeugleiste muss aktiviert sein ([[Hilfe:Symbolleisten]]), weil darauf die Benutzerführung aufbaut.

	=== Automatisch ===		==== Automatisch ====
	Seit 29. August 2013 wird der CodeEditor automatisch beim Bearbeiten jeder Seite zugeschaltet, deren ''Content Model'' nicht <code>wikitext</code> ist, sondern die Variable [[../../../Skin/JS/Variablen#wgPageContentModel\|~~<code>~~wgPageContentModel</code>]] einen der folgenden Werte hat:		Seit 29. August 2013 wird der CodeEditor automatisch beim Bearbeiten jeder Seite zugeschaltet, deren ''Content Model'' nicht <code>wikitext</code> ist, sondern die Variable <code>[[../../../Skin/JS/Variablen#wgPageContentModel\|wgPageContentModel]]</code> einen der folgenden Werte hat:
	{\| class="wikitable"		{\| class="wikitable"
	! wgPageContentModel		! wgPageContentModel
Zeile 44:		Zeile 50:
	Eine einfache Konfiguration, um die automatische Aktivierung des CodeEditor zu unterbinden, gibt es nicht. Zu einer Lösung [[#disableCodeEditor\|siehe unten]].		Eine einfache Konfiguration, um die automatische Aktivierung des CodeEditor zu unterbinden, gibt es nicht. Zu einer Lösung [[#disableCodeEditor\|siehe unten]].

	=== Individuell ===		==== Individuell ====
	Die Programmierung wird in die benutzerdefinierten JavaScript-Seiten eingefügt; meist [[Special:Mypage/common.js\|common.js]] (siehe [[../../../Skin/JS#Einbindung\|Skin/JS]]).		Die Programmierung wird in die benutzerdefinierten JavaScript-Seiten eingefügt; meist [[Special:Mypage/common.js\|common.js]] (siehe [[../../../Skin/JS#Einbindung\|Skin/JS]]).
	* CSS und JavaScript		* CSS und JavaScript
Zeile 63:		Zeile 69:
	</syntaxhighlight>		</syntaxhighlight>

	== Verfügbare Sprachen ==		=== Verfügbare Sprachen ===
	[[Datei:Standard WikiEditor interface.png\|mini\|Normales Bearbeitungsfeld (Screenshot)]]		[[Datei:Standard WikiEditor interface.png\|mini\|Normales Bearbeitungsfeld (Screenshot)]]
	Standardmäßig werden zurzeit Syntaxdefinitionen der [[Programmiersprache\|Programmier-]] und anderer Sprachen entsprechend der folgenden Schlüsselwörter zugeladen:		Standardmäßig werden zurzeit Syntaxdefinitionen der [[Programmiersprache\|Programmier-]] und anderer Sprachen entsprechend der folgenden Schlüsselwörter zugeladen:
Zeile 97:		Zeile 103:
	Eine weitere Anwendungsmöglichkeit wäre Wikitext; hierzu gibt es Experimente ([[../AceWikiEditor\|AceWikiEditor]]), aber noch keine tragfähige Abbildung der vieldeutigen Wikisyntax.		Eine weitere Anwendungsmöglichkeit wäre Wikitext; hierzu gibt es Experimente ([[../AceWikiEditor\|AceWikiEditor]]), aber noch keine tragfähige Abbildung der vieldeutigen Wikisyntax.

	=== JavaScript ===		==== JavaScript ====
	Neben den Zeilennummern stehen bei [[JavaScript]] kleine Pfeile mit Spitze nach unten, wenn ein Einklappen eines Zeilenbereichs möglich ist. Das wären:		Neben den Zeilennummern stehen bei [[JavaScript]] kleine Pfeile mit Spitze nach unten, wenn ein Einklappen eines Zeilenbereichs möglich ist. Das wären:
	* durch geschweifte Klammern begrenzte Blöcke, auch ganze Funktionsdefinitionen;		* durch geschweifte Klammern begrenzte Blöcke, auch ganze Funktionsdefinitionen;
Zeile 107:		Zeile 113:

	Weiterhin wird beim Öffnen der Seite, Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.		Weiterhin wird beim Öffnen der Seite, Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.

		⚫	=== Cookie ===
		⚫	Die Extension setzt den [[Cookie]] <code>wikiEditor-0-codeEditor-enabled</code> – wird diesem der Wert <code>0</code> zugewiesen, ist die Grundeinstellung „geladen, aber keine Hervorhebung“.

		⚫	Ein Klick auf die Schaltfläche [[Datei:Code-selected.png]] aktiviert (<code>1</code>) bzw. deaktiviert die Hervorhebung und ändert den Wert des Cookies.

	== Bedienung ==		== Bedienung ==
Zeile 148:		Zeile 159:
	* Rotfärbung bei schweren Syntaxfehlern (Syntax nicht erkennbar) – ''Upstream''		* Rotfärbung bei schweren Syntaxfehlern (Syntax nicht erkennbar) – ''Upstream''
	* Sahnehäubchen: Über die Prüfung des Syntaxformats hinaus weitergehende JS-Analyse mit JSHINT etc. zu veranlassen; bei diversen Greasemonkey-Editoren bereits gebräuchlich.		* Sahnehäubchen: Über die Prüfung des Syntaxformats hinaus weitergehende JS-Analyse mit JSHINT etc. zu veranlassen; bei diversen Greasemonkey-Editoren bereits gebräuchlich.

⚫	== Cookie ==
⚫	Die Extension setzt den [[Cookie]] <code>wikiEditor-0-codeEditor-enabled</code> – wird diesem der Wert <code>0</code> zugewiesen, ist die Grundeinstellung „geladen, aber keine Hervorhebung“.

⚫	Ein Klick auf die Schaltfläche [[Datei:Code-selected.png]] aktiviert (<code>1</code>) bzw. deaktiviert die Hervorhebung und ändert den Wert des Cookies.

	== Tools ==		== Tools ==
Zeile 244:		Zeile 250:
	</syntaxhighlight>		</syntaxhighlight>
	Dabei ist <code>ace.document</code> das [http://ace.c9.io/#higlighter=&nav=api&api=document ''Document''] und <code>ace.editor</code> der ''editor'' wie oben.		Dabei ist <code>ace.document</code> das [http://ace.c9.io/#higlighter=&nav=api&api=document ''Document''] und <code>ace.editor</code> der ''editor'' wie oben.

	== Implementierung ==
⚫	* [[mw:Extension:CodeEditor]] (englisch)
⚫	* {{Phab\|project=mediawiki/extensions/CodeEditor\|~~title~~=~~gerrit:extensions/~~CodeEditor}}
⚫	** {{Phab\|project=mediawiki/extensions/CodeEditor\|~~file~~=~~CodeEditor.php~~}}
⚫	** {{Phab\|project=mediawiki/extensions/CodeEditor\|dir=modules/ace}}

	== Weitere Informationen ==		== Weitere Informationen ==
		⚫	{{MediaWiki\|Extension:CodeEditor\|3=Technische Informationen (englisch)}}
			{{Phabricator\|Engage=MediaWiki-extensions-CodeEditor\|ICON=1\|ENGL=1}}
		⚫	:* {{Phab\|project=mediawiki/extensions/CodeEditor\|title=ECED}}
		⚫	:** {{Phab\|project=mediawiki/extensions/CodeEditor\|file=CodeEditor.php}}
		⚫	:** {{Phab\|project=mediawiki/extensions/CodeEditor\|dir=modules/ace}} – Plug-Ins für Syntaxschemata
	* [[meta:CodeEditor/de]] – deutschsprachige Kurzbeschreibung im Meta-Projekt		* [[meta:CodeEditor/de]] – deutschsprachige Kurzbeschreibung im Meta-Projekt
	* [[../AceWikiEditor\|WP:AceWikiEditor]] – experimentell, für Wikitext		* [[../AceWikiEditor\|WP:AceWikiEditor]] – experimentell, für Wikitext

MGChecker: /* Geeignete Browser */

2015-02-13T20:05:29Z

Geeignete Browser

← Nächstältere Version		Version vom 13. Februar 2015, 22:05 Uhr
Zeile 8:		Zeile 8:
	Der CodeEditor wurde nur für einige Versionen der folgenden Browser erprobt:		Der CodeEditor wurde nur für einige Versionen der folgenden Browser erprobt:
	* Firefox		* Firefox
	* Google ~~Chromium~~		* Google Chrome

	Ansonsten funktioniert er nicht oder zerstört den Seiteninhalt. Die Fehlfunktion ist den Entwicklern durchaus über Jahre bekannt –		Ansonsten funktioniert er nicht oder zerstört den Seiteninhalt. Die Fehlfunktion ist den Entwicklern durchaus über Jahre bekannt –

PerfektesChaos: +

2015-01-17T20:33:05Z

← Nächstältere Version		Version vom 17. Januar 2015, 22:33 Uhr
Zeile 1:		Zeile 1:
	{{../../../Linkbox}}		{{../../../Linkbox}}
	{{Überschriftensimulation 1\|CodeEditor}}		{{Überschriftensimulation 1\|CodeEditor}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind (~~„Content~~ ~~Model“~~). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („[[../../../ MediaWiki/Content Model\|Content Model]]“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.

	Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.		Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.
Zeile 10:		Zeile 10:
	* Google Chromium		* Google Chromium

	Ansonsten funktioniert er nicht oder zerstört den Seiteninhalt. Die Fehlfunktion ist den Entwicklern durchaus bekannt –		Ansonsten funktioniert er nicht oder zerstört den Seiteninhalt. Die Fehlfunktion ist den Entwicklern durchaus über Jahre bekannt –
	{{~~mwGit~~\|project=mediawiki/extensions/CodeEditor\|file=modules/ext.codeEditor.js\|branch=~~78a8480cb74a27e3fc67af32bf010d5e8d775d9a~~\|line=14}} – ohne dass daraus irgendeine Konsequenz gezogen wurde.		{{Phab\|project=mediawiki/extensions/CodeEditor\|file=modules/ext.codeEditor.js\|branch= b7b54e6c7d96e633a14ae9f69f5bfd076650e9cb\|line=14}} – ohne dass daraus irgendeine bekannt gewordene Konsequenz gezogen wurde.
	* '''Opera''' 11.10 / Linux: '''copy fails, paste sometimes crashes'''		* '''Opera''' 11.10 / Linux: '''copy fails, paste sometimes crashes'''
	* '''IE''' 8.0.6001.18702 / Win XP: some newlines mysteriously removed, '''corrupting data'''; insertion point keeps resetting back to the top of the page after a click (arrow keys ok)		* '''IE''' 8.0.6001.18702 / Win XP: some newlines mysteriously removed, '''corrupting data'''; insertion point keeps resetting back to the top of the page after a click (arrow keys ok)
	* '''Safari / iPad''' 4.3 (8F190): renders ok, but ~~can't~~ set focus or scroll vertically. '''No focus means no typing'''. :(		* '''Safari / iPad''' 4.3 (8F190): renders ok, but can’t set focus or scroll vertically. '''No focus means no typing'''. :(

	== Aktivierung ==		== Aktivierung ==
Zeile 70:		Zeile 70:
	* <code>css</code>		* <code>css</code>
	* <code>lua</code>		* <code>lua</code>
	Es lassen sich weitere Typen aktivieren, für die in einer Wikipedia bislang keine Seiten bekannt sind:		Es lassen sich weitere Typen aktivieren, für die in einer Wikipedia bislang keine regulären Seiten bekannt sind:
	* <code>c_cpp</code>		* <code>c_cpp</code>
	* <code>clojure</code>		* <code>clojure</code>
Zeile 85:		Zeile 85:
	* <code>scala</code>		* <code>scala</code>
	Dazu ist auch die Ressource <code>ext.codeEditor.ace.modes</code> zu laden.		Dazu ist auch die Ressource <code>ext.codeEditor.ace.modes</code> zu laden.

			Weitere Sprachen lassen sich aktivieren; ''Beispiel:''
			* Um für [[Extensible Markup Language\|XML]] den Typ <code>xml</code> zu bearbeiten, muss zusätzlich das folgende spezifische Skript geladen werden:
			<syntaxhighlight lang="javascript">
			mw.loader.load( "https://git.wikimedia.org/raw/" +
			"mediawiki%2Fextensions%2FCodeEditor" +
			"/HEAD/" +
			"modules%2Face%2Fmode-xml.js" );
			</syntaxhighlight>

	Eine weitere Anwendungsmöglichkeit wäre Wikitext; hierzu gibt es Experimente ([[../AceWikiEditor\|AceWikiEditor]]), aber noch keine tragfähige Abbildung der vieldeutigen Wikisyntax.		Eine weitere Anwendungsmöglichkeit wäre Wikitext; hierzu gibt es Experimente ([[../AceWikiEditor\|AceWikiEditor]]), aber noch keine tragfähige Abbildung der vieldeutigen Wikisyntax.
Zeile 95:		Zeile 104:
	Es erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile; die beanstandeten Zeilennummern werden bei fatalen Fehlern rot mit weißem Diagonalkreuz markiert, mit einem ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.		Es erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile; die beanstandeten Zeilennummern werden bei fatalen Fehlern rot mit weißem Diagonalkreuz markiert, mit einem ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.

	Das erfolgt bereits während der Eingabe auf jeden Tastendruck. Die Fehleranzahl steht in der [[#Statuszeile\|Statuszeile]].		Das erfolgt bereits während der Eingabe auf jeden Tastendruck. Die Fehleranzahl steht in der [[#Statuszeile\|Statuszeile]].

	Weiterhin wird beim Öffnen der Seite, Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.		Weiterhin wird beim Öffnen der Seite, Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.
Zeile 221:		Zeile 230:
	</syntaxhighlight>		</syntaxhighlight>

	Alternativ kann man sicherstellen, dass das HTML-Dokument geladen wurde, und danach		Alternativ kann man sicherstellen, dass das HTML-Dokument geladen wurde, und danach
	<syntaxhighlight lang="javascript">		<syntaxhighlight lang="javascript">
	$( function() {		$( function() {
Zeile 238:		Zeile 247:
	== Implementierung ==		== Implementierung ==
	* [[mw:Extension:CodeEditor]] (englisch)		* [[mw:Extension:CodeEditor]] (englisch)
	* {{~~mwGit~~\|project=mediawiki/extensions/CodeEditor\|title=gerrit:extensions/CodeEditor}}		* {{Phab\|project=mediawiki/extensions/CodeEditor\|title=gerrit:extensions/CodeEditor}}
	** {{~~mwGit~~\|project=mediawiki/extensions/CodeEditor\|file=CodeEditor.php}}		** {{Phab\|project=mediawiki/extensions/CodeEditor\|file=CodeEditor.php}}
	** {{~~mwGit~~\|project=mediawiki/extensions/CodeEditor\|dir=modules/ace}}		** {{Phab\|project=mediawiki/extensions/CodeEditor\|dir=modules/ace}}

	== Weitere Informationen ==		== Weitere Informationen ==
	* [[meta:CodeEditor/de]] – deutschsprachige Kurzbeschreibung im Meta-Projekt		* [[meta:CodeEditor/de]] – deutschsprachige Kurzbeschreibung im Meta-Projekt
	* [[../AceWikiEditor\|WP:AceWikiEditor]] – experimentell, für Wikitext		* [[../AceWikiEditor\|WP:AceWikiEditor]] – experimentell, für Wikitext
	* [[Wikipedia:Fragen zur Wikipedia/Archiv/2013/Woche 35 #Weiterer Fehler im Code-Editor\|Fzw Herbst 2013]] – Probleme mit Browsern		* [[Wikipedia:Fragen zur Wikipedia/Archiv/2013/Woche 35 #Weiterer Fehler im Code-Editor\|Fzw Herbst 2013]] – Probleme mit Browsern

	== Anmerkungen ==		== Anmerkungen ==

PerfektesChaos: Klarstellungen

2014-11-26T10:30:48Z

Klarstellungen

← Nächstältere Version		Version vom 26. November 2014, 12:30 Uhr
Zeile 1:		Zeile 1:
	{{../../../Linkbox}}		{{../../../Linkbox}}
	{{Überschriftensimulation 1\|CodeEditor}}		{{Überschriftensimulation 1\|CodeEditor}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern. Daraus folgt gleichzeitig die Meldung von (elementaren) Syntaxfehlern.

	Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.		Zurzeit ist Quellcode in [[JavaScript]], [[Cascading Style Sheets\|CSS]] und [[Lua]] von Interesse.
Zeile 17:		Zeile 17:

	== Aktivierung ==		== Aktivierung ==
	''Wichtig:'' Konkurrierende Editoren müssen deaktiviert sein, namentlich [[../wikEd\|wikEd]].		''Wichtig:''
			* Konkurrierende Editoren müssen deaktiviert sein, namentlich [[../wikEd\|wikEd]].
			* Die „neue“ oder „erweiterte“ Werkzeugleiste muss aktiviert sein ([[Hilfe:Symbolleisten]]), weil darauf die Benutzerführung aufbaut.

	=== Automatisch ===		=== Automatisch ===

PerfektesChaos: +

2014-08-26T17:46:43Z

← Nächstältere Version		Version vom 26. August 2014, 19:46 Uhr
Zeile 87:		Zeile 87:

	=== JavaScript ===		=== JavaScript ===
			Neben den Zeilennummern stehen bei [[JavaScript]] kleine Pfeile mit Spitze nach unten, wenn ein Einklappen eines Zeilenbereichs möglich ist. Das wären:
⚫	~~Bei [[JavaScript]]~~ erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile; die beanstandeten Zeilennummern werden bei fatalen Fehlern rot mit weißem Diagonalkreuz markiert, mit einem ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.
			* durch geschweifte Klammern begrenzte Blöcke, auch ganze Funktionsdefinitionen;
			* <code>/* Kommentare */</code>

		⚫	Es erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile; die beanstandeten Zeilennummern werden bei fatalen Fehlern rot mit weißem Diagonalkreuz markiert, mit einem ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.

	Das erfolgt bereits während der Eingabe auf jeden Tastendruck. Die Fehleranzahl steht in der [[#Statuszeile\|Statuszeile]].		Das erfolgt bereits während der Eingabe auf jeden Tastendruck. Die Fehleranzahl steht in der [[#Statuszeile\|Statuszeile]].

	Weiterhin wird ~~bei~~ Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.		Weiterhin wird beim Öffnen der Seite, Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.

	== Bedienung ==		== Bedienung ==
Zeile 114:		Zeile 118:
	=== Statuszeile ===		=== Statuszeile ===
	Am unteren Rand des Bearbeitungsfeldes werden Fehlermeldungen aller Sprachen (etwa nicht ausgeglichene Klammeranzahl) sowie weitergehende Analysen für [[#JavaScript\|JavaScript]] angezeigt.		Am unteren Rand des Bearbeitungsfeldes werden Fehlermeldungen aller Sprachen (etwa nicht ausgeglichene Klammeranzahl) sowie weitergehende Analysen für [[#JavaScript\|JavaScript]] angezeigt.

			Die Symbole (jeweils mit Häufigkeit des Auftretens) sind
			* rot mit weißem Diagonalkreuz bei fatalen Syntaxfehlern,
			* gelbes Dreieck bei Warnungen vor verdächtigen Stellen mit mutmaßlichen Fehlern
			* ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.

	=== Schreibschutz ===		=== Schreibschutz ===

PerfektesChaos: +

2014-08-24T20:34:22Z

← Nächstältere Version		Version vom 24. August 2014, 22:34 Uhr
Zeile 1:		Zeile 1:
	{{{../../../Linkbox}}		{{../../../Linkbox}}
	{Überschriftensimulation 1\|CodeEditor}}		{{Überschriftensimulation 1\|CodeEditor}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern.

Zeile 87:		Zeile 87:

	=== JavaScript ===		=== JavaScript ===
	Bei [[JavaScript]] ~~wird~~ ~~automatisch~~ eine ~~Analyse~~ mit ~~[[JSHint]] vorgenommen,~~ in der ~~[[#~~Statuszeile~~\|Statuszeile]]~~ ~~wird~~ ~~neben~~ ~~einem~~ ~~gelben~~ ~~Dreieck~~ ~~die~~ ~~Gesamtzahl~~ ~~beanstandeter~~ ~~Stellen~~ ~~aufgeführt;~~ an ~~jeder~~ ~~betroffenen~~ ~~Zeilennummer~~ ~~steht~~ ~~ebenfalls~~ ~~ein~~ ~~gelbes~~ ~~Dreieck~~.		Bei [[JavaScript]] erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile; die beanstandeten Zeilennummern werden bei fatalen Fehlern rot mit weißem Diagonalkreuz markiert, mit einem ''i'' bei nicht fatalen aber nicht empfehlenswerten Praktiken.

			Das erfolgt bereits während der Eingabe auf jeden Tastendruck. Die Fehleranzahl steht in der [[#Statuszeile\|Statuszeile]].
	In der aktuell bearbeiteten Zeile (Cursorposition) und ihrer Umgebung erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile.

			Weiterhin wird bei Seitenvorschau oder Diffpage automatisch eine Analyse mit [[JSHint]] vorgenommen, in der Statuszeile wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.

	== Bedienung ==		== Bedienung ==
Zeile 238:		Zeile 240:

	{{SORTIERUNG:CodeEditor}}		{{SORTIERUNG:CodeEditor}}
	[[Kategorie:Wikipedia:Technik/Text]]		[[Kategorie:Wikipedia:Technik/Text/Edit]]

PerfektesChaos: kl.erg

2014-08-24T18:55:19Z

kl.erg

← Nächstältere Version		Version vom 24. August 2014, 20:55 Uhr
Zeile 1:		Zeile 1:
		⚫	{{{../../../Linkbox}}
	{{Überschriftensimulation 1\|CodeEditor}}		{Überschriftensimulation 1\|CodeEditor}}
⚫	{{../../../Linkbox}}
	Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern.		Die MediaWiki-Erweiterung '''CodeEditor''' (basierend auf [[Ace (Texteditor)\|Ace]]) dient dazu, bei der Bearbeitung Seiten besser darzustellen, die vollständig in einer formalen Sprache notiert sind („Content Model“). Insbesondere geht es um [[Syntaxhervorhebung]], auch um die Anzeige von Zeilennummern.

Zeile 88:		Zeile 88:
	=== JavaScript ===		=== JavaScript ===
	Bei [[JavaScript]] wird automatisch eine Analyse mit [[JSHint]] vorgenommen, in der [[#Statuszeile\|Statuszeile]] wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.		Bei [[JavaScript]] wird automatisch eine Analyse mit [[JSHint]] vorgenommen, in der [[#Statuszeile\|Statuszeile]] wird neben einem gelben Dreieck die Gesamtzahl beanstandeter Stellen aufgeführt; an jeder betroffenen Zeilennummer steht ebenfalls ein gelbes Dreieck.

			In der aktuell bearbeiteten Zeile (Cursorposition) und ihrer Umgebung erfolgt auch eine Syntaxinterpretation mit Fehlermeldung in der Statuszeile.

	== Bedienung ==		== Bedienung ==