Using code highlighting with MediaWiki pages - Revision history

Discorddigital at 23:11, 27 February 2021

2021-02-27T23:11:20Z

← Older revision		Revision as of 23:11, 27 February 2021
Line 1:		Line 1:
	=== Prologue ===		=== Prologue ===
	We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight]		We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight].
	<br>This guide will show you how to use it and how to find the names for the languages, so SyntaxHighlight knows what it's highlighting.		<br>This guide will show you how to use it and how to find the names for the languages, so SyntaxHighlight knows what it's highlighting.

Discorddigital at 22:12, 27 February 2021

2021-02-27T22:12:15Z

← Older revision		Revision as of 22:12, 27 February 2021
Line 1:		Line 1:
	=== Prologue ===		=== Prologue ===
	We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight]		We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight]
			<br>This guide will show you how to use it and how to find the names for the languages, so SyntaxHighlight knows what it's highlighting.
	This guide will show you how to use it and how to find the names for the languages, so SyntaxHighlight knows what it's highlighting.

	== HTML Syntax ==		== HTML Syntax ==

Discorddigital: Created page with "=== Prologue === We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight] This guide will show you how to use it and how to..."

2021-02-27T22:06:52Z

Created page with "=== Prologue === We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight] This guide will show you how to use it and how to..."

New page

=== Prologue ===
We're using an extension called [https://www.mediawiki.org/wiki/Extension:SyntaxHighlight SyntaxHighlight]

This guide will show you how to use it and how to find the names for the languages, so SyntaxHighlight knows what it's highlighting.

== HTML Syntax ==
===== Without line numbers =====
This one is useful if you expect the reader to copy the code.
<pre>
<syntaxhighlight lang="apacheconf">
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?title=$1 [NC,L,QSA]
</syntaxhighlight>
</pre>
===== With line numbers =====
This one can be useful if you want to refer to a line of code.
<pre>
<syntaxhighlight lang="apacheconf" line>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?title=$1 [NC,L,QSA]
</syntaxhighlight>
</pre>
You can also specify on which line to start counting.
<pre>
<syntaxhighlight lang="apacheconf" line start="55">
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?title=$1 [NC,L,QSA]
</syntaxhighlight>
</pre>
== Finding language names ==
You can do so by going to this page: https://pygments.org/docs/lexers/

You'll want to search on the page for the language you want to highlight.
Then look for the "Short names" and pick one.

Insert the short name in the "lang" parameter and the text inside the <syntaxhighlight> block will be highlighted accordingly.

[[Category:MediaWiki]]