ConsoleOutput MediaWiki Extension - Revision history

Drobbins at 01:48, 21 December 2012

2012-12-21T01:48:45Z

68.54.14.7 at 04:13, 28 August 2012

2012-08-28T04:13:00Z

Drobbins at 03:06, 28 August 2012

2012-08-28T03:06:53Z

Drobbins at 03:05, 28 August 2012

2012-08-28T03:05:57Z

Drobbins at 03:05, 28 August 2012

2012-08-28T03:05:12Z

Drobbins at 03:04, 28 August 2012

2012-08-28T03:04:06Z

Drobbins at 03:03, 28 August 2012

2012-08-28T03:03:48Z

Drobbins at 03:01, 28 August 2012

2012-08-28T03:01:58Z

Drobbins at 02:59, 28 August 2012

2012-08-28T02:59:54Z

Drobbins: Created page with "The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user inp..."

2012-08-28T02:58:51Z

Created page with "The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user inp..."

New page

The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with <tt><console></tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be highlighted in bold. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input.

To install, make the following modifications to your skin:

<pre>
--- mediawiki-1.19.1/skins/vector/screen.css 2012-06-13 18:22:39.000000000 +0000
+++ public_html/skins/vector/screen.css 2012-08-27 04:34:47.507912892 +0000
@@ -683,10 +683,47 @@
list-style-image: url(images/bullet-icon.png);
}

-pre {
- line-height: 1.3em;
+/* ConsoleOutput.php start */
+
+.shell, pre, code, tt, div.mw-geshi {
+ font-size: 12px;
+ font-family: Consolas, 'andale mono','lucida console', monospace;
+}
+
+.shell, pre, div.mw-geshi {
+ background-color: #F8F8FF;
+ line-height: 15px;
+ padding: 10px;
+ border: none;
+ border-top: 2px solid #C6C9E0;
+ border-bottom: 2px solid #C6C9E0;
+ margin: 0;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.code {
+ color: #666;
+}
+
+.code_input {
+ color: #000;
}

+.code_red {
+ color: #f00;
+}
+
+.code_blue {
+ color: #00f;
+}
+
+.shell_green {
+ color: #080;
+}
+
+/* ConsoleOutput.php end */
+
/* Site Notice (includes notices from CentralNotice extension) */
#siteNotice {
font-size: 0.8em;
</pre>

Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:

<pre>
<?php
$wgExtensionCredits['validextensionclass'][] = array(
'name' => 'ConsoleOutput',
'author' => 'Daniel Robbins',
'url' => 'https://github.com/danielrobbins/mediawiki-consoleoutput',
'description' => 'This extension allows you to display colorized console output in mediawiki'
);

if ( defined( 'MW_SUPPORTS_PARSERFIRSTCALLINIT' ) ) {
$wgHooks['ParserFirstCallInit'][] = 'consoleOutputSetup';
} else {
$wgExtensionFunctions[] = 'consoleOutputSetup';
}

function consoleOutputSetup( $data )
{
global $wgParser;
$wgParser->setHook('console', 'consoleRender');
return true;
}

function consoleRender($input, $args, $parser)
{
if (count($args))
{
return "" .
"ConsoleOutput: arguments not supported" .
"";
}

# Display < and > as literals, so escape them:

$input = preg_replace('/>/','>', $input);
$input = preg_replace('/</','<', $input);

# http://www.perlmonks.org/?node_id=518444
# See "Matching a pattern that doesn't include another pattern:

$input = preg_replace('/##i##((?:(?!##!i##).)*)##!i##/','$1', $input);
$input = preg_replace('/##i##(.*)/','$1', $input);
$input = preg_replace('/##b##((?:(?!##!b##).)*)##!b##/','$1', $input);
$input = preg_replace('/##b##(.*)/','$1', $input);
return "<pre class=\"code\">" . $input . "</pre>";
}
?>
</pre>

[[Category:MediaWiki Hacks]]

@@ Line 77: / Line 77: @@
 Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:
-<pre>
+<syntaxhighlight lang="php">
 <?php
 $wgExtensionCredits['validextensionclass'][] = array(
@@ Line 123: / Line 123: @@
+}
 ?>
-</pre>
+</syntaxhighlight>
 [[Category:MediaWiki Hacks]]

@@ Line 77: / Line 77: @@
 Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:
-<pre><nowiki>
+<pre>
 <?php
 $wgExtensionCredits['validextensionclass'][] = array(
@@ Line 120: / Line 120: @@
      $input = preg_replace('/##b##((?:(?!##!b##).)*)##!b##/','<b>$1</b>', $input);
      $input = preg_replace('/##b##(.*)/','<b>$1</b>', $input);
-     return "<pre class=\"code\">" . $input . "</pre>";
+     return "<pre class=\"code\">" . $input . "&lt;/pre>";
+}
 ?>
-</nowiki></pre>
+</pre>
 [[Category:MediaWiki Hacks]]

@@ Line 77: / Line 77: @@
 Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:
-<nowiki>
+<pre><nowiki>
 <?php
 $wgExtensionCredits['validextensionclass'][] = array(
@@ Line 123: / Line 123: @@
+}
 ?>
-</nowiki>
+</nowiki></pre>
 [[Category:MediaWiki Hacks]]

@@ Line 77: / Line 77: @@
 Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:
-<pre>
+<nowiki>
 <?php
 $wgExtensionCredits['validextensionclass'][] = array(
@@ Line 123: / Line 123: @@
+}
 ?>
-</pre>
+</nowiki>
 [[Category:MediaWiki Hacks]]

@@ Line 2: / Line 2: @@
 * <tt>##b##</tt> - highlight the rest of the line in bold.
-* <tt>##b## text here ##!b## - highlight the text between both markers in bold.
+* <tt>##b## text here ##!b##</tt> - highlight the text between both markers in bold.
-* <tt>##i## text here ##!i## - highlight the text between both markers in a darker color.
+* <tt>##i## text here ##!i##</tt> - highlight the text between both markers in a darker color.
 This extension can be further extended to add color support, as desired, and some of the CSS for color support can already be found in the code below.

@@ Line 20: / Line 20: @@
 To install, make the following modifications to your skin:
-<pre>
+<syntaxhighlight lang="css">
 --- mediawiki-1.19.1/skins/vector/screen.css    2012-06-13 18:22:39.000000000 +0000
 +++ public_html/skins/vector/screen.css 2012-08-27 04:34:47.507912892 +0000
@@ Line 73: / Line 73: @@
   #siteNotice {
          font-size: 0.8em;
-</pre>
+</syntaxhighlight>
 Then install the following code in your <tt>extensions</tt> directory and include it with a <tt>require_once( "$IP/extensions/ConsoleOutput.php" );</tt> in <tt>LocalSettings.php</tt>:

@@ Line 1: / Line 1: @@
-The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with  <tt>&lt;console&gt;</tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be in a darker color. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input. The sequence <tt>##b##</tt> can also be used to highlight parts of the output in bold. This extension can be further extended to add color support, as desired, and some of the CSS for color support can already be found in the code below.
+The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with  <tt>&lt;console&gt;</tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be in a darker color. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input. Here are other sequences that can be used:
-Here is an example of ConsoleOutput
+* <tt>##b##</tt> - highlight the rest of the line in bold.
 <console>

@@ Line 1: / Line 1: @@
-The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with  <tt>&lt;console&gt;</tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be highlighted in bold. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input.
+The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with  <tt>&lt;console&gt;</tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be in a darker color. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input. The sequence <tt>##b##</tt> can also be used to highlight parts of the output in bold. This extension can be further extended to add color support, as desired, and some of the CSS for color support can already be found in the code below.
-Here is an example:
+Here is an example of ConsoleOutput
 <console>
 www@www-smw ~/public_html $ ##i##ls
-COPYING  LocalSettings.php     api.php   extensions     index.php   maintenance           redirect.php    skins              thumb_handler.php5
+COPYING  LocalSettings.php     api.php   ##b##extensions##!b##     index.php   maintenance           redirect.php    skins              thumb_handler.php5
 CREDITS  README                api.php5  images         index.php5  mw-config             redirect.php5   tests              wiki.phtml
 FAQ      RELEASE-NOTES-1.19    bin       img_auth.php   languages   opensearch_desc.php   redirect.phtml  thumb.php

← Older revision		Revision as of 02:59, 28 August 2012
Line 1:		Line 1:
	The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with <tt><console></tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be highlighted in bold. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input.		The ConsoleOutput MediaWiki extension was created by Daniel Robbins to provide highlighting of user input for interactive terminal session blocks. To use it, surround user input with <tt><console></tt> opening and closing tags, and put a <tt>##i##</tt> input code immediately before user input on each line. This will cause all text from the <tt>##i##</tt> point onwards to be highlighted in bold. The rest of the text will be in a lighter grey, allowing it to be distinguished more easily from user input.

		+	Here is an example:
		+
		+	<console>
		+	www@www-smw ~/public_html $ ##i##ls
		+	COPYING LocalSettings.php api.php extensions index.php maintenance redirect.php skins thumb_handler.php5
		+	CREDITS README api.php5 images index.php5 mw-config redirect.php5 tests wiki.phtml
		+	FAQ RELEASE-NOTES-1.19 bin img_auth.php languages opensearch_desc.php redirect.phtml thumb.php
		+	HISTORY StartProfiler.sample cache img_auth.php5 load.php opensearch_desc.php5 resources thumb.php5
		+	INSTALL UPGRADE docs includes load.php5 profileinfo.php serialized thumb_handler.php
		+	www@www-smw ~/public_html $ ##i##cd extensions/
		+	</console>
	To install, make the following modifications to your skin:		To install, make the following modifications to your skin: