Changes between Version 5 and Version 6 of WikiHtml

Timestamp:

2021-07-11T14:17:48-07:00 (4 years ago)

Author:

trac

Comment:

--

WikiHtml

@@ -1 +1 @@
 = Using HTML in Wiki Text
 
-Trac supports the display of HTML in any wiki context, by using the `#!html` [wiki:WikiProcessors WikiProcessor]. 
+Trac supports the display of HTML in any wiki context, by using the `#!html` [wiki:WikiProcessors WikiProcessor].
 
 However, this HTML has to be [https://en.wikipedia.org/wiki/Well-formed_element well-formed].
-In particular, you can't insert a start tag in an `#!html` block, resume normal wiki text and insert the corresponding end tag in a second `#!html` block. 
+In particular, you can't insert a start tag in an `#!html` block, resume normal wiki text and insert the corresponding end tag in a second `#!html` block.
 
 For creating styled `<div>`s, `<span>`s  or even complex tables containing arbitrary Wiki text, there is a powerful alternative: `#!div`, `#!span` and `#!table`, `#!tr`, `#!td` and `#!th` blocks. Those Wiki processors are built-in and do not require additional packages to be installed.
@@ -25 +25 @@
 }}}
 
-Note that Trac sanitizes your HTML code before displaying it. That means that potentially dangerous constructs, such as Javascript event handlers, will be removed from the output. 
+Note that Trac sanitizes your HTML code before displaying it. That means that potentially dangerous constructs, such as Javascript event handlers, will be removed from the output.
 
 The filtering is done by [https://genshi.edgewall.org/ Genshi] and the output will be a well-formed fragment of HTML. This means that you cannot use two HTML blocks, one for opening a <div> and another for closing it, in order to wrap arbitrary wiki text.
@@ -34 +34 @@
 {{{#!td
   {{{
-  {{{#!div class="important" 
+  {{{#!div class="important"
   **important** is a predefined class.
   }}}
@@ -40 +40 @@
   {{{
   {{{#!div style="border: 1pt dotted; margin: 1em"
-  **wikipage** is another predefined class that will 
+  **wikipage** is another predefined class that will
   be used when no class is specified.
   }}}
@@ -53 +53 @@
   {{{#!div class="wikipage compact" style="border: 1pt dotted"
   Classes can be combined (here **wikipage** and **compact**)
-  which results in this case in reduced //vertical// 
+  which results in this case in reduced //vertical//
   padding but there's still some horizontal space for coping
   with headings.
@@ -68 +68 @@
 {{{#!td style="padding-left: 2em"
 
-  {{{#!div class="important" 
+  {{{#!div class="important"
   **important** is a predefined class.
   }}}
 
   {{{#!div style="border: 1pt dotted; margin: 1em"
-  **wikipage** is another predefined class that will 
+  **wikipage** is another predefined class that will
   be used when no class is specified.
   }}}
@@ -84 +84 @@
   {{{#!div class="wikipage compact" style="border: 1pt dotted"
   Classes can be combined (here **wikipage** and **compact**)
-  which results in this case in reduced //vertical// 
+  which results in this case in reduced //vertical//
   padding but there's still some horizontal space for coping
   with headings.
@@ -103 +103 @@
 {{{#!td
   {{{
-  Hello 
+  Hello
   [[span(''WORLD'' (click [#anchor here]), style=color: green; font-size: 120%, id=anchor)]]!
   }}}
@@ -144 +144 @@
  Pick the style the more appropriate
  to your content
- 
+
  See WikiFormatting#Tables for details
  on the pipe-based table syntax.
  }}}
- 
- If one needs to add some 
+
+ If one needs to add some
  attributes to the table itself...
- 
+
  {{{#!table style="border:none;text-align:center;margin:auto"
    {{{#!tr ====================================
@@ -211 +211 @@
 }}}
 
-If one needs to add some 
+If one needs to add some
 attributes to the table itself...
 
@@ -242 +242 @@
 }}}
 
-Note that by default tables are assigned the "wiki" CSS class, which gives a distinctive look to the header cells and a default border to the table and cells, as can be seen for the tables on this page. By removing this class (`#!table class=""`), one regains complete control on the table presentation. In particular, neither the table nor the rows nor the cells will have a border, so this is a more effective way to get such an effect rather than having to specify a `style="border: no"` parameter everywhere. 
+Note that by default tables are assigned the "wiki" CSS class, which gives a distinctive look to the header cells and a default border to the table and cells, as can be seen for the tables on this page. By removing this class (`#!table class=""`), one regains complete control on the table presentation. In particular, neither the table nor the rows nor the cells will have a border, so this is a more effective way to get such an effect rather than having to specify a `style="border: no"` parameter everywhere.
 
 {{{#!table class=""