Help:Advanced formatting of wiki pages - Revision history

ArrowHead294 at 15:17, 23 February 2025

2025-02-23T15:17:11Z

← Older revision		Revision as of 15:17, 23 February 2025
Line 1:		Line 1:
	{{Wikipedia\|CSS}}		{{Wikipedia\|CSS\|JavaScript}}
	~~{{Wikipedia~~\|JavaScript}}
	CSS (Cascading Style Sheets) and [[JavaScript]] are generally involved in MediaWiki-based wikis. But while inline CSS is permitted, inline JavaScript is not available.		CSS (Cascading Style Sheets) and [[JavaScript]] are generally involved in MediaWiki-based wikis. But while inline CSS is permitted, inline JavaScript is not available.

ArrowHead294: The «tt» tag is deprecated

2025-02-23T15:16:51Z

The «tt» tag is deprecated

← Older revision		Revision as of 15:16, 23 February 2025
Line 3:		Line 3:
	CSS (Cascading Style Sheets) and [[JavaScript]] are generally involved in MediaWiki-based wikis. But while inline CSS is permitted, inline JavaScript is not available.		CSS (Cascading Style Sheets) and [[JavaScript]] are generally involved in MediaWiki-based wikis. But while inline CSS is permitted, inline JavaScript is not available.

	Most HTML tags, ~~for example <code>tt</code>,~~ <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code>, etc., can be directly embedded in the wiki markup; some HTML tags (for example <code>a</code> or <code>img</code>) cannot. For the allowed tags, you can define inline CSS by setting the <code>style</code> attribute, for instance <code><nowiki><span style="border: 1px solid grey; padding: 0 1em">framed sometext</span></nowiki></code>, which is rendered like this: <span style="border: 1px solid grey; padding: 0 1em">framed sometext</span>.		Most HTML tags, such as <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code>, etc., can be directly embedded in the wiki markup; some HTML tags (for example <code>a</code> or <code>img</code>) cannot. For the allowed tags, you can define inline CSS by setting the <code>style</code> attribute, for instance <code><nowiki><span style="border: 1px solid grey; padding: 0 1em">framed sometext</span></nowiki></code>, which is rendered like this: <span style="border: 1px solid grey; padding: 0 1em">framed sometext</span>.

	User-defined CSS and JavaScript are enabled on the Xenharmonic Wiki. If your personal solutions turn out to be useful for the overall wiki, they might be integrated into the site-wide styles or scripts.		User-defined CSS and JavaScript are enabled on the Xenharmonic Wiki. If your personal solutions turn out to be useful for the overall wiki, they might be integrated into the site-wide styles or scripts.

Fredg999 category edits: Moving from Category:Wiki help to Category:Help using Cat-a-lot

2023-03-06T21:57:58Z

Moving from Category:Wiki help to Category:Help using Cat-a-lot

← Older revision		Revision as of 21:57, 6 March 2023
Line 23:		Line 23:
	* [[MediaWikiWiki: Learning JavaScript]]		* [[MediaWikiWiki: Learning JavaScript]]

	[[Category:~~Wiki help~~]]		[[Category:Help]]

Fredg999: Added Wikipedia boxes, improve spelling/punctuation,

2022-03-13T18:39:54Z

Added Wikipedia boxes, improve spelling/punctuation,

← Older revision		Revision as of 18:39, 13 March 2022
Line 1:		Line 1:
	[[CSS]] and [[JavaScript]] is generally involved in MediaWiki-based ~~Wikis~~. But while inline CSS is permitted, inline JavaScript is not available.		{{Wikipedia\|CSS}}
			{{Wikipedia\|JavaScript}}
			CSS (Cascading Style Sheets) and [[JavaScript]] are generally involved in MediaWiki-based wikis. But while inline CSS is permitted, inline JavaScript is not available.

	Most HTML tags for example <code>tt</code>, <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code> etc. can be directly embedded in the ~~Wiki~~ markup, some HTML tags (for example <code>a</code> or <code>img</code>) ~~can not~~. For the allowed tags, you can define inline-CSS by setting the <code>style</code> attribute for instance <code><nowiki><span style="border: 1px solid grey; padding: 0 1em">framed sometext</span></nowiki></code> which is rendered like this <span style="border: 1px solid grey; padding: 0 1em">framed sometext</span>.		Most HTML tags, for example <code>tt</code>, <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code>, etc., can be directly embedded in the wiki markup; some HTML tags (for example <code>a</code> or <code>img</code>) cannot. For the allowed tags, you can define inline CSS by setting the <code>style</code> attribute, for instance <code><nowiki><span style="border: 1px solid grey; padding: 0 1em">framed sometext</span></nowiki></code>, which is rendered like this: <span style="border: 1px solid grey; padding: 0 1em">framed sometext</span>.

	User-defined CSS and JavaScript is enabled ~~for~~ the ~~XenWiki~~. If your personal solutions turn out to be useful for the overall wiki, ~~it will potentially~~ integrated into the site-wide styles or scripts.		User-defined CSS and JavaScript are enabled on the Xenharmonic Wiki. If your personal solutions turn out to be useful for the overall wiki, they might be integrated into the site-wide styles or scripts.
	* <code>[[Special:MyPage/common.css\|User:''YourName''/common.css]]</code>		* <code>[[Special:MyPage/common.css\|User:''YourName''/common.css]]</code>
	* <code>[[Special:MyPage/common.js\|User:''YourName''/common.js]]</code>		* <code>[[Special:MyPage/common.js\|User:''YourName''/common.js]]</code>

	Use the [[SandBox]] for experimentation or start a page in the user namespace, ~~IOW~~ as a subpage of your user page, for example <code>[[Special:MyPage/Sandbox\|User:''YourName''/Sandbox]]</code>.		Use the [[SandBox]] for experimentation or start a page in the user namespace, in other words as a subpage of your user page, for example <code>[[Special:MyPage/Sandbox\|User:''YourName''/Sandbox]]</code>.

	== See also ==		== See also ==
Line 15:		Line 17:

	== External links ==		== External links ==
	* [~~https~~:~~//de.wikipedia.org/wiki/Cascading_Style_Sheets Cascading Style Sheets – Wikipedia~~]		* [[MediaWikiWiki: Manual:CSS]]
	* [https://www.w3schools.com/css/ CSS Tutorial]		* [https://www.w3schools.com/css/ W3Schools — CSS Tutorial]
	* [~~https~~:~~//en.wikipedia.org/wiki/~~JavaScript ~~JavaScript - Wikipedia~~]		* [[MediaWikiWiki: JavaScript]]
	* [~~https~~:~~//www.mediawiki.org/wiki/Gadget_kitchen~~ Gadget kitchen ~~- MediaWiki~~]		* [[MediaWikiWiki: Gadget kitchen]]
	* [~~https~~:~~//www.mediawiki.org/wiki/Learning_JavaScript~~ Learning JavaScript ~~- MediaWiki~~]		* [[MediaWikiWiki: Learning JavaScript]]

	[[Category:~~wiki_help~~]]		[[Category:Wiki help]]

Fredg999: Fredg999 moved page Advanced formatting of wiki pages to Help:Advanced formatting of wiki pages: Moved to Help namespace

2022-03-12T15:51:15Z

Fredg999 moved page Advanced formatting of wiki pages to Help:Advanced formatting of wiki pages: Moved to Help namespace

← Older revision	Revision as of 15:51, 12 March 2022
(No difference)

Xenwolf: /* See also */ +2

2020-05-31T13:18:09Z

Xenwolf: extended

2020-05-30T22:11:58Z

extended

← Older revision		Revision as of 22:11, 30 May 2020
Line 1:		Line 1:
	~~Using~~ [[CSS]] and [[JavaScript]] is in ~~theory possible for~~ MediaWiki-based ~~wikis~~, ~~it has to be configured on the server~~.		[[CSS]] and [[JavaScript]] is generally involved in MediaWiki-based Wikis. But while inline CSS is permitted, inline JavaScript is not available.

	~~Inline-CSS is possible for all~~ HTML-tags ~~supported by MediaWiki (some have to be first enabled on the server),~~ for example <code>tt</code>, <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code> etc. can be ~~used whereas~~ <code>a</code> or <code>img</code> can not.		Most HTML tags for example <code>tt</code>, <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code> etc. can be directly embedded in the Wiki markup, some HTML tags (for example <code>a</code> or <code>img</code>) can not. For the allowed tags, you can define inline-CSS by setting the <code>style</code> attribute for instance <code><nowiki><span style="border: 1px solid grey; padding: 0 1em">framed sometext</span></nowiki></code> which is rendered like this <span style="border: 1px solid grey; padding: 0 1em">framed sometext</span>.

	Use the [[SandBox~~\|sandbox~~]] for experimentation or start a page in the user namespace, IOW as a subpage of your user page, for example <code>User:Me/Sandbox</code>.		User-defined CSS and JavaScript is enabled for the XenWiki. If your personal solutions turn out to be useful for the overall wiki, it will potentially integrated into the site-wide styles or scripts.
			* <code>[[Special:MyPage/common.css\|User:''YourName''/common.css]]</code>
			* <code>[[Special:MyPage/common.js\|User:''YourName''/common.js]]</code>

			Use the [[SandBox]] for experimentation or start a page in the user namespace, IOW as a subpage of your user page, for example <code>[[Special:MyPage/Sandbox\|User:''YourName''/Sandbox]]</code>.

			== See also ==
			* [[JavaScript]]

			== External links ==
			* [https://de.wikipedia.org/wiki/Cascading_Style_Sheets Cascading Style Sheets – Wikipedia]
			* [https://www.w3schools.com/css/ CSS Tutorial]
			* [https://en.wikipedia.org/wiki/JavaScript JavaScript - Wikipedia]
			* [https://www.mediawiki.org/wiki/Gadget_kitchen Gadget kitchen - MediaWiki]
			* [https://www.mediawiki.org/wiki/Learning_JavaScript Learning JavaScript - MediaWiki]

	[[Category:wiki_help]]		[[Category:wiki_help]]

Xenwolf: Content was old and only applicable to the Wikispaces, I started to update for the current setup

2020-05-13T15:45:52Z

Content was old and only applicable to the Wikispaces, I started to update for the current setup

← Older revision		Revision as of 15:45, 13 May 2020
Line 1:		Line 1:
	Using CSS and JavaScript, it ~~is possible~~ to ~~have some additional control over the formatting of wiki pages that may not~~ be ~~possible with the tools provided by~~ the ~~standard interface~~.		Using [[CSS]] and [[JavaScript]] is in theory possible for MediaWiki-based wikis, it has to be configured on the server.

	~~For example, Wikispaces offers few options~~ for ~~formatting tables. Let's say we want to add~~ some ~~padding~~ to ~~a table. The following~~ code, ~~inserted into an "Other HTML" Widget anywhere on the page~~, ~~should do the trick:~~		Inline-CSS is possible for all HTML-tags supported by MediaWiki (some have to be first enabled on the server), for example <code>tt</code>, <code>code</code>, <code>pre</code>, <code>div</code>, <code>span</code> etc. can be used whereas <code>a</code> or <code>img</code> can not.

	~~<pre><script type="text/javascript">~~		Use the [[SandBox\|sandbox]] for experimentation or start a page in the user namespace, IOW as a subpage of your user page, for example <code>User:Me/Sandbox</code>.
	~~/<!~~[~~CDATA~~[/
	~~document.write('<style type="text/css"> .wiki_table td { padding: 5px; } <\/style>');~~
	/]]~~>/~~
	~~<~~/~~script>~~</~~pre~~>

	Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the [[SandBox\|sandbox]] for experimentation.
	[[Category:wiki_help]]		[[Category:wiki_help]]

Wikispaces>FREEZE at 00:00, 17 July 2018

2018-07-17T00:00:00Z

@@ Line 1: / Line 1: @@
-<h2>IMPORTED REVISION FROM WIKISPACES</h2>
+Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.
 For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an "Other HTML" Widget anywhere on the page, should do the trick:
-[[code]]
-&lt;script type="text/javascript"&gt;
+<pre>&lt;script type="text/javascript"&gt;
 /*&lt;![CDATA[*/
 document.write('&lt;style type="text/css"&gt; .wiki_table td { padding: 5px; } &lt;\/style&gt;');
 /*]]&gt;*/
-&lt;/script&gt;
+&lt;/script&gt;</pre>
-&lt;!-- ws:end:WikiTextCodeRule:0 --&gt;&lt;br /&gt;
+Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the [[SandBox|sandbox]] for experimentation.
-Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the &lt;a class="wiki_link" href="/sandbox"&gt;sandbox&lt;/a&gt; for experimentation.&lt;/body&gt;&lt;/html&gt;</pre></div>
+[[Category:wiki_help]]

Wikispaces>spt3125: Imported revision 480987530 - Original comment:

2014-01-06T21:21:04Z

**Imported revision 480987530 - Original comment: **

New page

<h2>IMPORTED REVISION FROM WIKISPACES</h2>
This is an imported revision from Wikispaces. The revision metadata is included below for reference:<br>
: This revision was by author [[User:spt3125|spt3125]] and made on <tt>2014-01-06 21:21:04 UTC</tt>.<br>
: The original revision id was <tt>480987530</tt>.<br>
: The revision comment was: <tt></tt><br>
The revision contents are below, presented both in the original Wikispaces Wikitext format, and in HTML exactly as Wikispaces rendered it.<br>
<h4>Original Wikitext content:</h4>
<div style="width:100%; max-height:400pt; overflow:auto; background-color:#f8f9fa; border: 1px solid #eaecf0; padding:0em"><pre style="margin:0px;border:none;background:none;word-wrap:break-word;white-space: pre-wrap ! important" class="old-revision-html">Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.

For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an "Other HTML" Widget anywhere on the page, should do the trick:
[[code]]
<script type="text/javascript">
/*<![CDATA[*/
document.write('<style type="text/css"> .wiki_table td { padding: 5px; } <\/style>');
/*]]>*/
</script>
[[code]]

Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the [[sandbox]] for experimentation.</pre></div>
<h4>Original HTML content:</h4>
<div style="width:100%; max-height:400pt; overflow:auto; background-color:#f8f9fa; border: 1px solid #eaecf0; padding:0em"><pre style="margin:0px;border:none;background:none;word-wrap:break-word;width:200%;white-space: pre-wrap ! important" class="old-revision-html"><html><head><title>Advanced formatting of wiki pages</title></head><body>Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.<br />
<br />
For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an &quot;Other HTML&quot; Widget anywhere on the page, should do the trick:<br />

<style type="text/css">
</style><pre class="text">&lt;script type=&quot;text/javascript&quot;&gt;
/*&lt;![CDATA[*/
document.write('&lt;style type=&quot;text/css&quot;&gt; .wiki_table td { padding: 5px; } &lt;\/style&gt;');
/*]]&gt;*/
&lt;/script&gt;</pre>

<br />
Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the <a class="wiki_link" href="/sandbox">sandbox</a> for experimentation.</body></html></pre></div>

← Older revision		Revision as of 13:18, 31 May 2020
Line 11:		Line 11:
	== See also ==		== See also ==
	* [[JavaScript]]		* [[JavaScript]]
			* [[MediaWiki:Common.css]]
			* [[MediaWiki:Vector.css]]

	== External links ==		== External links ==