Help:Script Samples - Revision history

Caleb Cooper: /* Indenting <pre> tags */

2023-04-20T09:56:48Z

Indenting <pre> tags

← Older revision		Revision as of 09:56, 20 April 2023
Line 358:		Line 358:


	{{Note\|There is something intermittent about the method below working which I haven't figured out yet. It doesn't render correctly below but it does on other pages}}		{{Note\|There is something intermittent about the method below working which I haven't figured out yet. It doesn't render correctly below but it does on other pages

			[[File:Pre in a numbered list.png]]
			}}

Caleb Cooper: /* Indenting <pre> tags */

2023-04-20T09:50:29Z

Indenting <pre> tags

← Older revision		Revision as of 09:50, 20 April 2023
Line 374:		Line 374:
	\|		\|
	# one		# one
	#<pre ~~class=scroll~~>		#<pre>
	#::some stuff		#::some stuff
	#::some more stuff		#::some more stuff

Corneliu Condria: /* Indenting <pre> tags */

2020-07-28T14:23:38Z

Indenting <pre> tags

← Older revision		Revision as of 14:23, 28 July 2020
Line 374:		Line 374:
	\|		\|
	# one		# one
	#:<pre class=scroll>		#<pre class=scroll>
	#::some stuff		#::some stuff
	#::some more stuff~~</pre>~~		#::some more stuff
			</pre>
	# two		# two
	\|}		\|}

Corneliu Condria: /* Indenting <pre> tags */

2020-07-28T14:22:04Z

Indenting <pre> tags

← Older revision		Revision as of 14:22, 28 July 2020
Line 349:		Line 349:

	== Indenting <code><pre></code> tags ==		== Indenting <code><pre></code> tags ==
	{{Caution\|The only reliable way to get indents with <code><pre></code> tags is to use: <code>{{indent{{!}}<pre> code here <p/pre>}}</code>, ~~for~~ <code><code></code> and <code><syntaxhighlight></code> tags a <code>:</code> works fine}}		{{Caution\|The only reliable way to get indents with <code><pre></code> tags is to use: <code>{{indent{{!}}<pre> code here <p/pre>}}</code>; <br /> For <code><code></code> and <code><syntaxhighlight></code> tags a <code>:</code> works fine}}

Caleb Cooper: /* Indenting <pre> tags */

2020-07-16T15:01:22Z

Indenting <pre> tags

← Older revision		Revision as of 15:01, 16 July 2020
Line 418:		Line 418:


			<pre>
	;Same works for <code~~><code></code>~~ tags:		;Same works for code tags:
			:<code>Indented code snippet</code>
			</pre>

			;Same works for code tags:
	:<code>Indented code snippet</code>		:<code>Indented code snippet</code>

Caleb Cooper: /* Indenting <pre> tags */

2020-07-16T15:00:16Z

Indenting <pre> tags

← Older revision		Revision as of 15:00, 16 July 2020
Line 350:		Line 350:
	== Indenting <code><pre></code> tags ==		== Indenting <code><pre></code> tags ==
	{{Caution\|The only reliable way to get indents with <code><pre></code> tags is to use: <code>{{indent{{!}}<pre> code here <p/pre>}}</code>, for <code><code></code> and <code><syntaxhighlight></code> tags a <code>:</code> works fine}}		{{Caution\|The only reliable way to get indents with <code><pre></code> tags is to use: <code>{{indent{{!}}<pre> code here <p/pre>}}</code>, for <code><code></code> and <code><syntaxhighlight></code> tags a <code>:</code> works fine}}


		⚫	<pre>
		⚫	{{Indent\|{{Pre\|class=blue-white\|# for i in $(diskview -I s {{!}} awk '/Online/{print $2}'); do echo -e "\n::: ${i} :::"; dd if{{eq}}/dev/rpd${i}d bs{{eq}}512 count{{eq}}1 of{{eq}}/pss/cc/o-dsb-${i}.bin; done}}}}
		⚫	</pre>
		⚫	{{Indent\|{{Pre\|class=blue-white\|# for i in $(diskview -I s {{!}} awk '/Online/{print $2}'); do echo -e "\n::: ${i} :::"; dd if{{eq}}/dev/rpd${i}d bs{{eq}}512 count{{eq}}1 of{{eq}}/pss/cc/o-dsb-${i}.bin; done}}}}


Line 412:		Line 418:


			;Same works for <code><code></code> tags:
⚫	<pre>
			:<code>Indented code snippet</code>
⚫	{{Indent\|{{Pre\|class=blue-white\|# for i in $(diskview -I s {{!}} awk '/Online/{print $2}'); do echo -e "\n::: ${i} :::"; dd if{{eq}}/dev/rpd${i}d bs{{eq}}512 count{{eq}}1 of{{eq}}/pss/cc/o-dsb-${i}.bin; done}}}}
⚫	</pre>
⚫	{{Indent\|{{Pre\|class=blue-white\|# for i in $(diskview -I s {{!}} awk '/Online/{print $2}'); do echo -e "\n::: ${i} :::"; dd if{{eq}}/dev/rpd${i}d bs{{eq}}512 count{{eq}}1 of{{eq}}/pss/cc/o-dsb-${i}.bin; done}}}}

	== Annotate <code><pre></code> contents with Pointers / Boxes ==		== Annotate <code><pre></code> contents with Pointers / Boxes ==

Caleb Cooper: /* Indenting <pre> tags */

2020-07-16T14:58:44Z

Indenting <pre> tags

← Older revision		Revision as of 14:58, 16 July 2020
Line 349:		Line 349:

	== Indenting <code><pre></code> tags ==		== Indenting <code><pre></code> tags ==
			{{Caution\|The only reliable way to get indents with <code><pre></code> tags is to use: <code>{{indent{{!}}<pre> code here <p/pre>}}</code>, for <code><code></code> and <code><syntaxhighlight></code> tags a <code>:</code> works fine}}
⚫	{{Note\|There is something intermittent about ~~this~~ working which I haven't figured out yet. It doesn't render correctly below but it does on other pages}}


		⚫	{{Note\|There is something intermittent about the method below working which I haven't figured out yet. It doesn't render correctly below but it does on other pages}}

Caleb Cooper: /* Syntax Highlighting */

2020-07-16T13:18:30Z

Syntax Highlighting

@@ Line 173: / Line 173: @@
 == Syntax Highlighting ==
 <br><br>
@@ Line 207: / Line 192: @@
 </syntaxhighlight>
 <code>&lt;/syntaxhighlight&gt;</code><br>
 <br><br>

Caleb Cooper: /* Syntax Highlighting */

2020-07-16T13:16:33Z

Syntax Highlighting

← Older revision		Revision as of 13:16, 16 July 2020
Line 174:		Line 174:
	== Syntax Highlighting ==		== Syntax Highlighting ==

			Demo of color coding using HTML markup and displaying line numbers:
⚫	If a programming language is not used the language can be specified as '''text''', also the highlight attribute can be set to highlight lines of code:<br><br>
	<code><syntaxhighlight lang="html4strict" line class="inline"></code><syntaxhighlight lang="html4strict" line class="inline">		<code><syntaxhighlight lang="html4strict" line class="inline"></code><syntaxhighlight lang="html4strict" line class="inline">
	<table align=center style="background: ivory;color:maroon;font-style:italic;font-family:arial;font-weight:bold;font-size:10pt;">		<table align=center style="background: ivory;color:maroon;font-style:italic;font-family:arial;font-weight:bold;font-size:10pt;">
Line 190:		Line 190:
	<br><br>		<br><br>

		⚫	If a programming language is not used the language can be specified as '''text''', also the highlight attribute can be set to highlight lines of code:<br><br>
	This is the only example where it looks different in IE and the other browsers if the code is longer than the page and width is not set, IE will add scroll bars automatically no other browser will:<br><br>
	<code><syntaxhighlight lang="text" highlight="8-11" class="scroll"></code>		<code><syntaxhighlight lang="text" highlight="8-11" class="scroll"></code>
	<syntaxhighlight lang="text" highlight="8-11" class="scroll">		<syntaxhighlight lang="text" highlight="8-11" class="scroll">

Caleb Cooper: /* Syntax Highlighting */

2020-07-16T13:15:12Z

Syntax Highlighting

@@ Line 175: / Line 175: @@
 If a programming language is not used the language can be specified as '''text''', also the highlight attribute can be set to highlight lines of code:<br><br>
-<code>&lt;syntaxhighlight lang="text" highlight="8,10-11" class="scroll"&gt;</code><syntaxhighlight lang="text" highlight="8,10-11" class="scroll">
+<code>&lt;syntaxhighlight lang="html4strict" line class="inline"&gt;</code><syntaxhighlight lang="html4strict" line class="inline">
 </syntaxhighlight><code>&lt;/syntaxhighlight&gt;</code><br>