Help: Wiki Html

Search

Search pages

Wiki

Tools

Version 1
by (unknown)
Version 2
by (unknown)

Deletions or items before changed

Additions or items after changed

1 -
The wiki supports inserting HTML into any wiki context.
 +
The wiki supports inserting HTML into any wiki context.
2 -
 
 +
3 -
HTML support is built-in, and does not require installing any additional packages.
 +
HTML support is built-in, and does not require installing any additional packages.
4 -
 
 +
5 -
== How to Use HTML ==
 +
== How to Use HTML ==
6 -
To inform the wiki engine that a block of text should be treated as HTML, use the ''html'' processor.
+
7 -
 
 +
To inform the wiki engine that a block of text should be treated as HTML, use the ''html'' processor.
8 -
This example should explain:
 +
9 -
{{{
 +
This example should explain:
10 -
#!html
 +
11 -
<pre>{{{
 +
<DIV class=html>
12 -
#!html
 +
13 -
&lt;h1 style="text-align: right; color: blue"&gt;HTML Test&lt;/h1&gt;
 +
{{{
14 -
}}}</pre>
 +
{{{
15 -
}}}
 +
#!html
16 -
 
 +
<h1 style="text-align: right; color: blue">HTML Test</h1>
17 -
Results in:
 +
}}}
18 -
{{{
 +
}}}
19 -
#!html
 +
</DIV>
20 -
<h1 style="text-align: right; color: blue">HTML Test</h1>
 +
21 -
}}}
 +
Results in:
22 -
 
 +
23 -
Note that the wiki sanitizes your HTML code before displaying it. That means that if you try to use potentially dangerous constructs such as Javascript event handlers, those will be removed from the output.
+
<DIV class=html>
24 -
 
 +
25 -
{{{
 +
= HTML Test =
26 -
{{{
 +
</DIV>
27 -
#!html
 +
28 -
&lt;div class=warning style="border: 2pt solid; text-align: center"&gt;
 +
Note that the wiki sanitizes your HTML code before displaying it. That means that if you try to use potentially dangerous constructs such as Javascript event handlers, those will be removed from the output.
29 -
This is the ''only'' way to go.
 +
30 -
&lt;/div&gt;
 +
{{{
31 -
}}}
 +
{{{
32 -
}}}
 +
#!html
33 -
 
 +
<div class=warning style="border: 2pt solid; text-align: center">
34 -
Results in:
 +
This is the ''only'' way to go.
35 -
{{{
 +
</div>
36 -
#!html
 +
}}}
37 -
<div class=warning style="border: 2pt solid; text-align: center">
 +
}}}
38 -
This is the ''only'' way to go.
 +
39 -
</div>
 +
Results in:
40 -
}}}
 +
41 -
 
 +
<DIV class=html>
42 -
For spans, you should rather use the Macro call syntax:
 +
<DIV style="BORDER-BOTTOM: 2pt solid; TEXT-ALIGN: center; BORDER-LEFT: 2pt solid; BORDER-TOP: 2pt solid; BORDER-RIGHT: 2pt solid" class=warning>This is the ''only'' way to go. </DIV></DIV>
43 -
{{{
 +
44 -
Hello [[span(''WORLD'' (click [#world-anchor here]), style=color: green; font-size: 120%, id=world-anchor)]]!
 +
For spans, you should rather use the Macro call syntax:
45 -
}}}
 +
46 -
 
 +
{{{
47 -
Results in:
 +
Hello [[span(''WORLD'' (click [#world-anchor here]), style=color: green; font-size: 120%, id=world-anchor)]]!
48 -
Hello [[span(''WORLD'' (click [#world-anchor here]), style=color: green; font-size: 120%, id=world-anchor)]]!
 +
}}}
49 -
 
 +
50 -
 
 +
Results in:
51 -
== More Information ==
 +
52 -
 
 +
Hello [[Span(''WORLD'' (click [#world-anchor here]), style=COLOR: green; FONT-SIZE: 120%, id=world-anchor)]]!
53 -
* http://www.w3.org/ -- World Wide Web Consortium
 +
54 -
* http://www.w3.org/MarkUp/ -- HTML Markup Home Page
 +
== More Information ==
55 -
 
 +
56 -
----
 +
----
57 -
See also: [Help:WikiFormatting Wiki Formatting], [Help:WikiMacros Wiki Macros]
 +
58 +
See also: [Help:WikiFormatting Wiki Formatting], [Help:WikiMacros Wiki Macros]
59 +
60 +
[https://stemedhub.org/wiki/HelpIndex Back to Wiki Help Page]