| 5 |  | The Wiki engine uses processors to allow using [wiki:WikiRestructuredText Restructured Text], [wiki:WikiHtml raw HTML] and [http://www.textism.com/tools/textile/ textile] in any Wiki text throughout Trac. | 
                      
                        |  | 5 | Wiki processors can be used in any Wiki text throughout Trac, | 
                        |  | 6 | for various different purposes, like: | 
                        |  | 7 | - [#CodeHighlightingSupport syntax highlighting] or for rendering text verbatim, | 
                        |  | 8 | - rendering [#HTMLrelated Wiki markup inside a context], | 
                        |  | 9 | like inside <div> blocks or <span> or within <td> or <th> table cells, | 
                        |  | 10 | - using an alternative markup syntax, like [wiki:WikiHtml raw HTML] and | 
                        |  | 11 | [wiki:WikiRestructuredText Restructured Text], | 
                        |  | 12 | or [http://www.textism.com/tools/textile/ textile] | 
            
                      
                        | 10 |  | To use a processor on a block of text, use a Wiki code block, selecting a processor by name using ''shebang notation'' (#!), familiar to most UNIX users from scripts. | 
                        | 11 |  |  | 
                        | 12 |  | '''Example 1''' (''inserting raw HTML in a wiki text''): | 
                        | 13 |  |  | 
                      
                        |  | 17 | To use a processor on a block of text, first delimit the lines using | 
                        |  | 18 | a Wiki ''code block'': | 
                        |  | 19 | {{{ | 
                        |  | 20 | {{{ | 
                        |  | 21 | The lines | 
                        |  | 22 | that should be processed... | 
                        |  | 23 | }}} | 
                        |  | 24 | }}} | 
                        |  | 25 |  | 
                        |  | 26 | Immediately after the `{{{` or on the line just below, | 
                        |  | 27 | add `#!` followed by the ''processor name''. | 
                        |  | 28 |  | 
                        |  | 29 | {{{ | 
                        |  | 30 | {{{ | 
                        |  | 31 | #!processorname | 
                        |  | 32 | The lines | 
                        |  | 33 | that should be processed... | 
                        |  | 34 | }}} | 
                        |  | 35 | }}} | 
                        |  | 36 |  | 
                        |  | 37 | This is the "shebang" notation, familiar to most UNIX users. | 
                        |  | 38 |  | 
                        |  | 39 | Besides their content, some Wiki processors can also accept ''parameters'', | 
                        |  | 40 | which are then given as `key=value` pairs after the processor name, | 
                        |  | 41 | on the same line. If `value` has to contain space, as it's often the case for | 
                        |  | 42 | the style parameter, a quoted string can be used (`key="value with space"`). | 
                        |  | 43 |  | 
                        |  | 44 | As some processors are meant to process Wiki markup, it's quite possible to | 
                        |  | 45 | ''nest'' processor blocks. | 
                        |  | 46 | You may want to indent the content of nested blocks for increased clarity, | 
                        |  | 47 | this extra indentation will be ignored when processing the content. | 
                        |  | 48 |  | 
                        |  | 49 |  | 
                        |  | 50 | == Examples == | 
                        |  | 51 |  | 
                        |  | 52 | ||= Wiki Markup =||= Display =|| | 
                        |  | 53 | {{{#!td colspan=2 align=center style="border: none" | 
                        |  | 54 |  | 
                        |  | 55 | __Example 1__: Inserting raw HTML | 
                        |  | 56 | }}} | 
                        |  | 57 | |----------------------------------------------------------------- | 
                        |  | 58 | {{{#!td style="border: none" | 
                        |  | 59 | {{{ | 
                        |  | 60 | {{{ | 
                        |  | 61 | <h1 style="color: grey">This is raw HTML</h1> | 
                        |  | 62 | }}} | 
                        |  | 63 | }}} | 
                        |  | 64 | }}} | 
                        |  | 65 | {{{#!td valign=top style="border: none; padding-left: 2em" | 
            
                      
                        | 16 |  | <pre class="wiki">{{{ | 
                        | 17 |  | #!html | 
                        | 18 |  | <h1 style="color: orange">This is raw HTML</h1> | 
                        | 19 |  | }}}</pre> | 
                        | 20 |  | }}} | 
                        | 21 |  |  | 
                        | 22 |  | '''Results in:''' | 
                        | 23 |  | {{{ | 
                        | 24 |  | #!html | 
                        | 25 |  | <h1 style="color: orange">This is raw HTML</h1> | 
                        | 26 |  | }}} | 
                        | 27 |  |  | 
                        | 28 |  | ---- | 
                        | 29 |  |  | 
                        | 30 |  | '''Example 2''' (''inserting Restructured Text in wiki text''): | 
                        | 31 |  |  | 
                        | 32 |  | {{{ | 
                        | 33 |  | #!html | 
                        | 34 |  | <pre class="wiki">{{{ | 
                        | 35 |  | #!rst | 
                        | 36 |  | A header | 
                        | 37 |  | -------- | 
                        | 38 |  | This is some **text** with a footnote [*]_. | 
                        | 39 |  |  | 
                        | 40 |  | .. [*] This is the footnote. | 
                        | 41 |  | }}}</pre> | 
                        | 42 |  | }}} | 
                        | 43 |  |  | 
                        | 44 |  | '''Results in:''' | 
                        | 45 |  | {{{ | 
                        | 46 |  | #!rst | 
                        | 47 |  | A header | 
                        | 48 |  | -------- | 
                        | 49 |  | This is some **text** with a footnote [*]_. | 
                        | 50 |  |  | 
                        | 51 |  | .. [*] This is the footnote. | 
                        | 52 |  | }}} | 
                        | 53 |  | ---- | 
                        | 54 |  | '''Example 3''' (''inserting a block of C source code in wiki text''): | 
                        | 55 |  |  | 
                        | 56 |  | {{{ | 
                        | 57 |  | #!html | 
                        | 58 |  | <pre class="wiki">{{{ | 
                        | 59 |  | #!c | 
                        | 60 |  | int main(int argc, char *argv[]) | 
                        | 61 |  | { | 
                        | 62 |  | printf("Hello World\n"); | 
                        | 63 |  | return 0; | 
                        | 64 |  | } | 
                        | 65 |  | }}}</pre> | 
                        | 66 |  | }}} | 
                        | 67 |  |  | 
                        | 68 |  | '''Results in:''' | 
                        | 69 |  | {{{ | 
                        | 70 |  | #!c | 
                        | 71 |  | int main(int argc, char *argv[]) | 
                        | 72 |  | { | 
                        | 73 |  | printf("Hello World\n"); | 
                        | 74 |  | return 0; | 
                        | 75 |  | } | 
                        | 76 |  | }}} | 
                        | 77 |  |  | 
                        | 78 |  | ---- | 
                        | 79 |  |  | 
                      
                        |  | 68 | <h1 style="color: grey">This is raw HTML</h1> | 
                        |  | 69 | }}} | 
                        |  | 70 | }}} | 
                        |  | 71 | |----------------------------------------------------------------- | 
                        |  | 72 | {{{#!td colspan=2 align=center style="border: none" | 
                        |  | 73 |  | 
                        |  | 74 | __Example 2__: Highlighted Python code in a <div> block with custom style | 
                        |  | 75 | }}} | 
                        |  | 76 | |----------------------------------------------------------------- | 
                        |  | 77 | {{{#!td style="border: none" | 
                        |  | 78 | {{{ | 
                        |  | 79 | {{{#!div style="background: #ffd; border: 3px ridge" | 
                        |  | 80 |  | 
                        |  | 81 | This is an example of embedded "code" block: | 
                        |  | 82 |  | 
                        |  | 83 | {{{ | 
                        |  | 84 | #!python | 
                        |  | 85 | def hello(): | 
                        |  | 86 | return "world" | 
                        |  | 87 | }}} | 
                        |  | 88 |  | 
                        |  | 89 | }}} | 
                        |  | 90 | }}} | 
                        |  | 91 | }}} | 
                        |  | 92 | {{{#!td valign=top style="border: none; padding: 1em" | 
                        |  | 93 | {{{#!div style="background: #ffd; border: 3px ridge" | 
                        |  | 94 |  | 
                        |  | 95 | This is an example of embedded "code" block: | 
                        |  | 96 |  | 
                        |  | 97 | {{{ | 
                        |  | 98 | #!python | 
                        |  | 99 | def hello(): | 
                        |  | 100 | return "world" | 
                        |  | 101 | }}} | 
                        |  | 102 |  | 
                        |  | 103 | }}} | 
                        |  | 104 | }}} | 
                        |  | 105 | |----------------------------------------------------------------- | 
                        |  | 106 | {{{#!td colspan=2 align=center style="border: none" | 
                        |  | 107 |  | 
                        |  | 108 | __Example 3__: Searching tickets from a wiki page, by keywords. | 
                        |  | 109 | }}} | 
                        |  | 110 | |----------------------------------------------------------------- | 
                        |  | 111 | {{{#!td style="border: none" | 
                        |  | 112 | {{{ | 
                        |  | 113 | {{{ | 
                        |  | 114 | #!html | 
                        |  | 115 | <form action="/query" method="get"><div> | 
                        |  | 116 | <input type="text" name="keywords" value="~" size="30"/> | 
                        |  | 117 | <input type="submit" value="Search by Keywords"/> | 
                        |  | 118 | <!-- To control what fields show up use hidden fields | 
                        |  | 119 | <input type="hidden" name="col" value="id"/> | 
                        |  | 120 | <input type="hidden" name="col" value="summary"/> | 
                        |  | 121 | <input type="hidden" name="col" value="status"/> | 
                        |  | 122 | <input type="hidden" name="col" value="milestone"/> | 
                        |  | 123 | <input type="hidden" name="col" value="version"/> | 
                        |  | 124 | <input type="hidden" name="col" value="owner"/> | 
                        |  | 125 | <input type="hidden" name="col" value="priority"/> | 
                        |  | 126 | <input type="hidden" name="col" value="component"/> | 
                        |  | 127 | --> | 
                        |  | 128 | </div></form> | 
                        |  | 129 | }}} | 
                        |  | 130 | }}} | 
                        |  | 131 | }}} | 
                        |  | 132 | {{{#!td valign=top style="border: none; padding: 1em" | 
                        |  | 133 | {{{ | 
                        |  | 134 | #!html | 
                        |  | 135 | <form action="/query" method="get"><div> | 
                        |  | 136 | <input type="text" name="keywords" value="~" size="30"/> | 
                        |  | 137 | <input type="submit" value="Search by Keywords"/> | 
                        |  | 138 | <!-- To control what fields show up use hidden fields | 
                        |  | 139 | <input type="hidden" name="col" value="id"/> | 
                        |  | 140 | <input type="hidden" name="col" value="summary"/> | 
                        |  | 141 | <input type="hidden" name="col" value="status"/> | 
                        |  | 142 | <input type="hidden" name="col" value="milestone"/> | 
                        |  | 143 | <input type="hidden" name="col" value="version"/> | 
                        |  | 144 | <input type="hidden" name="col" value="owner"/> | 
                        |  | 145 | <input type="hidden" name="col" value="priority"/> | 
                        |  | 146 | <input type="hidden" name="col" value="component"/> | 
                        |  | 147 | --> | 
                        |  | 148 | </div></form> | 
                        |  | 149 | }}} | 
                        |  | 150 | }}} | 
            
                      
                        | 82 |  | * '''html''' -- Insert custom HTML in a wiki page. See WikiHtml. | 
                        | 83 |  | * '''rst''' -- Trac support for Restructured Text. See WikiRestructuredText. | 
                        | 84 |  | * '''textile''' -- Supported if  [http://dealmeida.net/projects/textile/ Textile] is installed. See [http://hobix.com/textile/ a Textile reference]. | 
                        | 85 |  |  | 
                        | 86 |  | Textile link above is rotten. [http://www.textism.com/tools/textile/ this one] works, allows to test example. | 
                      
                        |  | 154 |  | 
                        |  | 155 | `#!default` :: Present the text verbatim in a preformatted text block. | 
                        |  | 156 | This is the same as specifying ''no'' processor name | 
                        |  | 157 | (and no `#!`) | 
                        |  | 158 | `#!comment` :: Do not process the text in this section (i.e. contents exist | 
                        |  | 159 | only in the plain text - not in the rendered page). | 
                        |  | 160 |  | 
                        |  | 161 | === HTML related === | 
                        |  | 162 |  | 
                        |  | 163 | `#!html`        :: Insert custom HTML in a wiki page. | 
                        |  | 164 | `#!htmlcomment` :: Insert an HTML comment in a wiki page (''since 0.12''). | 
                        |  | 165 |  | 
                        |  | 166 | Note that `#!html` blocks have to be ''self-contained'', | 
                        |  | 167 | i.e. you can't start an HTML element in one block and close it later in a second block. Use the following processors for achieving a similar effect. | 
                        |  | 168 |  | 
                        |  | 169 | `#!div` :: Wrap an arbitrary Wiki content inside a <div> element | 
                        |  | 170 | (''since 0.11''). | 
                        |  | 171 | `#!span` :: Wrap an arbitrary Wiki content inside a <span> element | 
                        |  | 172 | (''since 0.11''). | 
                        |  | 173 |  | 
                        |  | 174 | `#!td` :: Wrap an arbitrary Wiki content inside a <td> element (''since 0.12'') | 
                        |  | 175 | `#!th` :: Wrap an arbitrary Wiki content inside a <th> element (''since 0.12'') | 
                        |  | 176 | `#!tr` :: Can optionally be used for wrapping `#!td` and `#!th` blocks, | 
                        |  | 177 | either for specifying row attributes of better visual grouping | 
                        |  | 178 | (''since 0.12'') | 
                        |  | 179 |  | 
                        |  | 180 | See WikiHtml for example usage and more details about these processors. | 
                        |  | 181 |  | 
                        |  | 182 | === Other Markups === | 
                        |  | 183 |  | 
                        |  | 184 | `#!rst` :: Trac support for Restructured Text. See WikiRestructuredText. | 
                        |  | 185 | `#!textile` :: Supported if [http://cheeseshop.python.org/pypi/textile Textile] | 
                        |  | 186 | is installed. | 
                        |  | 187 | See [http://www.textism.com/tools/textile/ a Textile reference]. | 
                        |  | 188 |  | 
            
                      
                        | 89 |  | Trac includes processors to provide inline [wiki:TracSyntaxColoring syntax highlighting] for the following languages: | 
                        | 90 |  | * '''c''' -- C | 
                        | 91 |  | * '''cpp''' -- C++ | 
                        | 92 |  | * '''python''' -- Python | 
                        | 93 |  | * '''perl''' -- Perl | 
                        | 94 |  | * '''ruby''' -- Ruby | 
                        | 95 |  | * '''php''' -- PHP | 
                        | 96 |  | * '''asp''' --- ASP | 
                        | 97 |  | * '''sql''' -- SQL | 
                        | 98 |  | * '''xml''' -- XML | 
                        | 99 |  | '''Note:''' ''Trac relies on external software packages for syntax coloring. See TracSyntaxColoring for more info.'' | 
                        | 100 |  |  | 
                        | 101 |  | By using the MIME type as processor, it is possible to syntax-highlight the same languages that are supported when browsing source code. For example, you can write: | 
                      
                        |  | 191 |  | 
                        |  | 192 | Trac includes processors to provide inline syntax highlighting: | 
                        |  | 193 | `#!c` (C), `#!cpp` (C++), `#!python` (Python), `#!perl` (Perl), | 
                        |  | 194 | `#!ruby` (Ruby), `#!php` (PHP), `#!asp` (ASP), `#!java` (Java), | 
                        |  | 195 | `#!js` (Javascript), `#!sql (SQL)`, `#!xml` (XML or HTML), | 
                        |  | 196 | `#!sh` (!Bourne/Bash shell), etc. | 
                        |  | 197 |  | 
                        |  | 198 | Trac relies on external software packages for syntax coloring, | 
                        |  | 199 | like [http://pygments.org Pygments]. | 
                        |  | 200 |  | 
                        |  | 201 | See TracSyntaxColoring for information about which languages | 
                        |  | 202 | are supported and how to enable support for more languages. | 
                        |  | 203 |  | 
                        |  | 204 | Note also that by using the MIME type as processor, it is possible to syntax-highlight the same languages that are supported when browsing source code. For example, you can write: | 
            
                      
                        | 113 |  | * [http://projects.edgewall.com/trac/wiki/ProcessorBazaar ProcessorBazaar] | 
                        | 114 |  | * [http://projects.edgewall.com/trac/wiki/MacroBazaar MacroBazaar] | 
                        | 115 |  |  | 
                        | 116 |  |  | 
                        | 117 |  | == Advanced Topics: Developing Processor Macros == | 
                        | 118 |  | Developing processors is no different from WikiMacros. In fact they work the same way, only the usage syntax differs. See WikiMacros for more information. | 
                        | 119 |  |  | 
                        | 120 |  | '''Example:''' (''Restructured Text Processor''): | 
                        | 121 |  | {{{ | 
                        | 122 |  | #!python | 
                        | 123 |  | from docutils.core import publish_string | 
                        | 124 |  |  | 
                        | 125 |  | def execute(hdf, text, env): | 
                        | 126 |  | html = publish_string(text, writer_name = 'html') | 
                        | 127 |  | return html[html.find('<body>')+6:html.find('</body>')].strip() | 
                        | 128 |  | }}} | 
                      
                        |  | 222 | * [trac:ProcessorBazaar] | 
                        |  | 223 | * [trac:MacroBazaar] | 
                        |  | 224 | * [th:WikiStart Trac Hacks] community site | 
                        |  | 225 |  | 
                        |  | 226 | Developing processors is no different from Wiki macros. | 
                        |  | 227 | In fact they work the same way, only the usage syntax differs. | 
                        |  | 228 | See WikiMacros#DevelopingCustomMacros for more information. | 
                        |  | 229 |  |