meta data for this page
Erot
Tämä näyttää erot valitun ja nykyisen version kesken tästä sivusta.
| Both sides previous revisionEdellinen revisioSeuraava revisio | Edellinen revisioSeuraava revisioBoth sides next revision | ||
| wiki:syntax [09/03/2020 15:43] – [Table] harri | wiki:syntax [18/08/2020 22:27] – vanha versio palautettu (01/03/2020 23:32) harri | ||
|---|---|---|---|
| Rivi 1: | Rivi 1: | ||
| - | ====== Formatting Syntax ====== | + | __false__ |
| - | [[doku> | ||
| - | |||
| - | ====== Unicode table ====== | ||
| - | |||
| - | Unicode-koodilla voi lisätä merkkejä Wordissa näppäilemällä koodin ja sen jälkeen alt+x. Hexadecimal-koodilla voi lisätä koodin wordissa painamalla ensin alt + +, ja sen jälkeen koodi näppäimistön **oikean reunan** numeronäppäimillä. | ||
| - | |||
| - | ^ Merkki | ||
| - | | ° | 00b0 | 0176 | | ||
| - | | ⇌ | 21cc | 8652 | | ||
| - | | Δ | 0394 | 916 | | ||
| - | | · | 2219 | B7 | | ||
| - | | × | D7 | D7 | | ||
| - | | %%|%% | 007c | 124 | | ||
| - | | − | 2212 | 8722 | | ||
| - | | ≈ | 2248 | 8776 | | ||
| - | | μ | 03bc | ||
| - | | α | 03b1 | 945 | | ||
| - | | Ω | 03a9 | 937 | | ||
| - | | π | 03c0 | 960 | | ||
| - | | ρ | 03c1 | 961 | | ||
| - | |||
| - | \\ | ||
| - | |||
| - | |||
| - | ====== Kysely ====== | ||
| - | |||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | \\ | ||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | \\ | ||
| - | |||
| - | \\ | ||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | \\ | ||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | \\ | ||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | \\ | ||
| - | <quizlib id=" | ||
| - | < | ||
| - | < | ||
| - | < | ||
| - | </ | ||
| - | ===== Basic Text Formatting ===== | ||
| - | |||
| - | DokuWiki supports **bold**, //italic//, __underlined__ and '' | ||
| - | |||
| - | DokuWiki supports **bold**, //italic//, __underlined__ and '' | ||
| - | Of course you can **__//'' | ||
| - | |||
| - | You can use < | ||
| - | |||
| - | You can use < | ||
| - | |||
| - | You can mark something as < | ||
| - | |||
| - | You can mark something as < | ||
| - | |||
| - | **Paragraphs** are created from blank lines. If you want to **force a newline** without a paragraph, you can use two backslashes followed by a whitespace or the end of line. | ||
| - | |||
| - | This is some text with some linebreaks\\ Note that the | ||
| - | two backslashes are only recognized at the end of a line\\ | ||
| - | or followed by\\ a whitespace \\this happens without it. | ||
| - | |||
| - | This is some text with some linebreaks\\ Note that the | ||
| - | two backslashes are only recognized at the end of a line\\ | ||
| - | or followed by\\ a whitespace \\this happens without it. | ||
| - | |||
| - | You should use forced newlines only if really needed. | ||
| - | |||
| - | ===== Links ===== | ||
| - | |||
| - | DokuWiki supports multiple ways of creating links. | ||
| - | |||
| - | ==== External ==== | ||
| - | |||
| - | External links are recognized automagically: | ||
| - | |||
| - | DokuWiki supports multiple ways of creating links. External links are recognized | ||
| - | automagically: | ||
| - | link text as well: [[http:// | ||
| - | addresses like this one: < | ||
| - | |||
| - | ==== Internal ==== | ||
| - | |||
| - | Internal links are created by using square brackets. You can either just give a [[pagename]] or use an additional [[pagename|link text]]. | ||
| - | |||
| - | Internal links are created by using square brackets. You can either just give | ||
| - | a [[pagename]] or use an additional [[pagename|link text]]. | ||
| - | |||
| - | [[doku> | ||
| - | |||
| - | You can use [[some: | ||
| - | |||
| - | You can use [[some: | ||
| - | |||
| - | For details about namespaces see [[doku> | ||
| - | |||
| - | Linking to a specific section is possible, too. Just add the section name behind a hash character as known from HTML. This links to [[syntax# | ||
| - | |||
| - | This links to [[syntax# | ||
| - | |||
| - | Notes: | ||
| - | |||
| - | * Links to [[syntax|existing pages]] are shown in a different style from [[nonexisting]] ones. | ||
| - | * DokuWiki does not use [[wp> | ||
| - | * When a section' | ||
| - | |||
| - | ==== Interwiki ==== | ||
| - | |||
| - | DokuWiki supports [[doku> | ||
| - | |||
| - | DokuWiki supports [[doku> | ||
| - | For example this is a link to Wikipedia' | ||
| - | |||
| - | |||
| - | ==== Image Links ==== | ||
| - | |||
| - | You can also use an image to link to another internal or external page by combining the syntax for links and [[# | ||
| - | |||
| - | [[http:// | ||
| - | |||
| - | [[http:// | ||
| - | |||
| - | Please note: The image formatting is the only formatting syntax accepted in link names. | ||
| - | |||
| - | The whole [[# | ||
| - | |||
| - | ===== Footnotes ===== | ||
| - | |||
| - | You can add footnotes ((This is a footnote)) by using double parentheses. | ||
| - | |||
| - | You can add footnotes ((This is a footnote)) by using double parentheses. | ||
| - | |||
| - | ===== Sectioning ===== | ||
| - | |||
| - | You can use up to five different levels of headlines to structure your content. If you have more than three headlines, a table of contents is generated automatically -- this can be disabled by including the string ''< | ||
| - | |||
| - | ==== Headline Level 3 ==== | ||
| - | === Headline Level 4 === | ||
| - | == Headline Level 5 == | ||
| - | |||
| - | ==== Headline Level 3 ==== | ||
| - | === Headline Level 4 === | ||
| - | == Headline Level 5 == | ||
| - | |||
| - | By using four or more dashes, you can make a horizontal line: | ||
| - | |||
| - | ---- | ||
| - | |||
| - | ===== Media Files ===== | ||
| - | |||
| - | You can include external and internal [[doku> | ||
| - | |||
| - | Real size: {{wiki: | ||
| - | |||
| - | Resize to given width: | ||
| - | |||
| - | Resize to given width and height((when the aspect ratio of the given width and height doesn' | ||
| - | |||
| - | Resized external image: | ||
| - | |||
| - | Real size: {{wiki: | ||
| - | Resize to given width: | ||
| - | Resize to given width and height: {{wiki: | ||
| - | Resized external image: | ||
| - | |||
| - | |||
| - | By using left or right whitespaces you can choose the alignment. | ||
| - | |||
| - | {{ wiki: | ||
| - | |||
| - | {{wiki: | ||
| - | |||
| - | {{ wiki: | ||
| - | |||
| - | {{ wiki: | ||
| - | {{wiki: | ||
| - | {{ wiki: | ||
| - | |||
| - | Of course, you can add a title (displayed as a tooltip by most browsers), too. | ||
| - | |||
| - | {{ wiki: | ||
| - | |||
| - | {{ wiki: | ||
| - | |||
| - | For linking an image to another page see [[#Image Links]] above. | ||
| - | |||
| - | ==== Supported Media Formats ==== | ||
| - | |||
| - | DokuWiki can embed the following media formats directly. | ||
| - | |||
| - | | Image | '' | ||
| - | | Video | '' | ||
| - | | Audio | '' | ||
| - | | Flash | '' | ||
| - | |||
| - | If you specify a filename that is not a supported media format, then it will be displayed as a link instead. | ||
| - | |||
| - | By adding ''? | ||
| - | |||
| - | {{wiki: | ||
| - | |||
| - | {{wiki: | ||
| - | |||
| - | ==== Fallback Formats ==== | ||
| - | |||
| - | Unfortunately not all browsers understand all video and audio formats. To mitigate the problem, you can upload your file in different formats for maximum browser compatibility. | ||
| - | |||
| - | For example consider this embedded mp4 video: | ||
| - | |||
| - | {{video.mp4|A funny video}} | ||
| - | |||
| - | When you upload a '' | ||
| - | |||
| - | Additionally DokuWiki supports a " | ||
| - | |||
| - | ===== Lists ===== | ||
| - | |||
| - | Dokuwiki supports ordered and unordered lists. To create a list item, indent your text by two spaces and use a '' | ||
| - | |||
| - | * This is a list | ||
| - | * The second item | ||
| - | * You may have different levels | ||
| - | * Another item | ||
| - | |||
| - | - The same list but ordered | ||
| - | - Another item | ||
| - | - Just use indention for deeper levels | ||
| - | - That's it | ||
| - | |||
| - | < | ||
| - | * This is a list | ||
| - | * The second item | ||
| - | * You may have different levels | ||
| - | * Another item | ||
| - | |||
| - | - The same list but ordered | ||
| - | - Another item | ||
| - | - Just use indention for deeper levels | ||
| - | - That's it | ||
| - | </ | ||
| - | |||
| - | Also take a look at the [[doku> | ||
| - | |||
| - | ===== Text Conversions ===== | ||
| - | |||
| - | DokuWiki can convert certain pre-defined characters or strings into images or other text or HTML. | ||
| - | |||
| - | The text to image conversion is mainly done for smileys. And the text to HTML conversion is used for typography replacements, | ||
| - | |||
| - | ==== Text to Image Conversions ==== | ||
| - | |||
| - | DokuWiki converts commonly used [[wp> | ||
| - | |||
| - | * 8-) %% 8-) %% | ||
| - | * 8-O %% 8-O %% | ||
| - | * :-( %% :-( %% | ||
| - | * :-) %% :-) %% | ||
| - | * =) %% =) %% | ||
| - | * :-/ %% :-/ %% | ||
| - | * :-\ %% :-\ %% | ||
| - | * :-? %% :-? %% | ||
| - | * :-D %% :-D %% | ||
| - | * :-P %% :-P %% | ||
| - | * :-O %% :-O %% | ||
| - | * :-X %% :-X %% | ||
| - | * :-| %% :-| %% | ||
| - | * ;-) %% ;-) %% | ||
| - | * ^_^ %% ^_^ %% | ||
| - | * :?: %% :?: %% | ||
| - | * :!: %% :!: %% | ||
| - | * LOL %% LOL %% | ||
| - | * FIXME %% FIXME %% | ||
| - | * DELETEME %% DELETEME %% | ||
| - | |||
| - | ==== Text to HTML Conversions ==== | ||
| - | |||
| - | Typography: [[DokuWiki]] can convert simple text characters to their typographically correct entities. Here is an example of recognized characters. | ||
| - | |||
| - | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
| - | "He thought ' | ||
| - | |||
| - | < | ||
| - | -> <- <-> => <= <=> >> << -- --- 640x480 (c) (tm) (r) | ||
| - | "He thought ' | ||
| - | </ | ||
| - | |||
| - | The same can be done to produce any kind of HTML, it just needs to be added to the [[doku> | ||
| - | |||
| - | There are three exceptions which do not come from that pattern file: multiplication entity (640x480), ' | ||
| - | |||
| - | ===== Quoting ===== | ||
| - | |||
| - | Some times you want to mark some text to show it's a reply or comment. You can use the following syntax: | ||
| - | |||
| - | < | ||
| - | I think we should do it | ||
| - | |||
| - | > No we shouldn' | ||
| - | |||
| - | >> Well, I say we should | ||
| - | |||
| - | > Really? | ||
| - | |||
| - | >> Yes! | ||
| - | |||
| - | >>> | ||
| - | </ | ||
| - | |||
| - | I think we should do it | ||
| - | |||
| - | > No we shouldn' | ||
| - | |||
| - | >> Well, I say we should | ||
| - | |||
| - | > Really? | ||
| - | |||
| - | >> Yes! | ||
| - | |||
| - | >>> | ||
| - | |||
| - | ===== Tables ===== | ||
| - | |||
| - | DokuWiki supports a simple syntax to create tables. | ||
| - | |||
| - | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
| - | | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | ||
| - | | Row 2 Col 1 | some colspan (note the double pipe) || | ||
| - | | Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 | | ||
| - | |||
| - | Table rows have to start and end with a '' | ||
| - | |||
| - | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
| - | | Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 | | ||
| - | | Row 2 Col 1 | some colspan (note the double pipe) || | ||
| - | | Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 | | ||
| - | |||
| - | To connect cells horizontally, | ||
| - | |||
| - | Vertical tableheaders are possible, too. | ||
| - | |||
| - | | ^ Heading 1 ^ Heading 2 ^ | ||
| - | ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | | ||
| - | ^ Heading 4 | no colspan this time | | | ||
| - | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 | | ||
| - | |||
| - | As you can see, it's the cell separator before a cell which decides about the formatting: | ||
| - | |||
| - | | ^ Heading 1 ^ Heading 2 ^ | ||
| - | ^ Heading 3 | Row 1 Col 2 | Row 1 Col 3 | | ||
| - | ^ Heading 4 | no colspan this time | | | ||
| - | ^ Heading 5 | Row 2 Col 2 | Row 2 Col 3 | | ||
| - | |||
| - | You can have rowspans (vertically connected cells) by adding '' | ||
| - | |||
| - | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
| - | | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | ||
| - | | Row 2 Col 1 | ::: | Row 2 Col 3 | | ||
| - | | Row 3 Col 1 | ::: | Row 2 Col 3 | | ||
| - | |||
| - | Apart from the rowspan syntax those cells should not contain anything else. | ||
| - | |||
| - | ^ Heading 1 ^ Heading 2 ^ Heading 3 ^ | ||
| - | | Row 1 Col 1 | this cell spans vertically | Row 1 Col 3 | | ||
| - | | Row 2 Col 1 | ::: | Row 2 Col 3 | | ||
| - | | Row 3 Col 1 | ::: | Row 2 Col 3 | | ||
| - | |||
| - | You can align the table contents, too. Just add at least two whitespaces at the opposite end of your text: Add two spaces on the left to align right, two spaces on the right to align left and two spaces at least at both ends for centered text. | ||
| - | |||
| - | ^ Table with alignment | ||
| - | | | ||
| - | |left | | ||
| - | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | ||
| - | |||
| - | This is how it looks in the source: | ||
| - | |||
| - | ^ Table with alignment | ||
| - | | | ||
| - | |left | | ||
| - | | xxxxxxxxxxxx | xxxxxxxxxxxx | xxxxxxxxxxxx | | ||
| - | |||
| - | Note: Vertical alignment is not supported. | ||
| - | |||
| - | ===== No Formatting ===== | ||
| - | |||
| - | If you need to display text exactly like it is typed (without any formatting), | ||
| - | |||
| - | < | ||
| - | This is some text which contains addresses like this: http:// | ||
| - | </ | ||
| - | The same is true for %%// | ||
| - | |||
| - | < | ||
| - | This is some text which contains addresses like this: http:// | ||
| - | </ | ||
| - | The same is true for %%// | ||
| - | |||
| - | |||
| - | ===== Embedding HTML and PHP ===== | ||
| - | |||
| - | You can embed raw HTML or PHP code into your documents by using the '' | ||
| - | |||
| - | HTML example: | ||
| - | |||
| - | < | ||
| - | < | ||
| - | This is some <span style=" | ||
| - | </ | ||
| - | < | ||
| - | <p style=" | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | This is some <span style=" | ||
| - | </ | ||
| - | < | ||
| - | <p style=" | ||
| - | </ | ||
| - | |||
| - | PHP example: | ||
| - | |||
| - | < | ||
| - | <php> | ||
| - | echo 'The PHP version: '; | ||
| - | echo phpversion(); | ||
| - | echo ' (generated inline HTML)'; | ||
| - | </ | ||
| - | <PHP> | ||
| - | echo '< | ||
| - | echo '< | ||
| - | echo '</ | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | <php> | ||
| - | echo 'The PHP version: '; | ||
| - | echo phpversion(); | ||
| - | echo ' (inline HTML)'; | ||
| - | </ | ||
| - | <PHP> | ||
| - | echo '< | ||
| - | echo '< | ||
| - | echo '</ | ||
| - | </ | ||
| - | |||
| - | **Please Note**: HTML and PHP embedding is disabled by default in the configuration. If disabled, the code is displayed instead of executed. | ||
| - | |||
| - | ===== RSS/ATOM Feed Aggregation ===== | ||
| - | [[DokuWiki]] can integrate data from external XML feeds. For parsing the XML feeds, [[http:// | ||
| - | |||
| - | ^ Parameter | ||
| - | | any number | will be used as maximum number items to show, defaults to 8 | | ||
| - | | reverse | ||
| - | | author | ||
| - | | date | show item dates | | ||
| - | | description| show the item description. If [[doku> | ||
| - | | nosort | ||
| - | | //n//[dhm] | refresh period, where d=days, h=hours, m=minutes. (e.g. 12h = 12 hours). | | ||
| - | |||
| - | The refresh period defaults to 4 hours. Any value below 10 minutes will be treated as 10 minutes. [[wiki: | ||
| - | |||
| - | By default the feed will be sorted by date, newest items first. You can sort it by oldest first using the '' | ||
| - | |||
| - | **Example: | ||
| - | |||
| - | {{rss> | ||
| - | |||
| - | {{rss> | ||
| - | |||
| - | |||
| - | ===== Control Macros ===== | ||
| - | |||
| - | Some syntax influences how DokuWiki renders a page without creating any output it self. The following control macros are availble: | ||
| - | |||
| - | ^ Macro ^ Description | | ||
| - | | %%~~NOTOC~~%% | ||
| - | | %%~~NOCACHE~~%% | DokuWiki caches all output by default. Sometimes this might not be wanted (eg. when the %%< | ||
| - | |||
| - | ===== Syntax Plugins ===== | ||
| - | |||
| - | DokuWiki' | ||
| - | |||
| - | ~~INFO: | ||
| - | |||
| - | |||
| - | ===== Math equations ===== | ||
| - | |||
| - | Matikkaa voi lisätä LaTeX-koodilla lisäämällä koodi $-merkkien sisään. Esimerkiksi | ||
| - | < | ||
| - | näkyy valmiina ${V_{kok}=8{, | ||
| - | |||
| - | LaTeX-koodia voi tehdä helposti esim. Abitti-editorilla: | ||
| - | |||
| - | ===== Bootstrapper plugin ===== | ||
| - | |||
| - | https:// | ||
| - | |||
| - | Esimerkkejä: | ||
| - | |||
| - | |||
| - | |||
| - | ====== Examples for the Wrap Plugin ====== | ||
| - | |||
| - | ===== Basic syntax ===== | ||
| - | |||
| - | An uppercase **%%< | ||
| - | |||
| - | <WRAP classes width : | ||
| - | " | ||
| - | </ | ||
| - | | ||
| - | or | ||
| - | <block classes width : | ||
| - | " | ||
| - | </ | ||
| - | | ||
| - | or | ||
| - | <div classes width : | ||
| - | " | ||
| - | </ | ||
| - | |||
| - | A lowercase **%%< | ||
| - | |||
| - | <wrap classes width : | ||
| - | | ||
| - | or | ||
| - | <inline classes width : | ||
| - | | ||
| - | or | ||
| - | <span classes width : | ||
| - | |||
| - | :!: Please note, some things **won' | ||
| - | * **alignments** (including alignments generated by changing the text direction) | ||
| - | * **multi-columns** | ||
| - | * and **widths** | ||
| - | if the according wrap isn't floated as well. | ||
| - | |||
| - | |||
| - | ===== Classes and Styles ===== | ||
| - | |||
| - | |||
| - | ==== Columns and Floats ==== | ||
| - | |||
| - | You can have columns easily by adding the class '' | ||
| - | <WRAP column 30%> | ||
| - | |||
| - | <WRAP column 30%> | ||
| - | // | ||
| - | |||
| - | You can emulate a big headline with italic, bold and underlined text, e.g. | ||
| - | < | ||
| - | |||
| - | // | ||
| - | |||
| - | A smaller headline uses no underlining, | ||
| - | < | ||
| - | |||
| - | If you need text that is bold and italic, simply use it the other way around: | ||
| - | < | ||
| - | </ | ||
| - | |||
| - | <WRAP column 30%> | ||
| - | // | ||
| - | |||
| - | Normally you would only need the class '' | ||
| - | |||
| - | * **'' | ||
| - | * **'' | ||
| - | * **'' | ||
| - | * **'' | ||
| - | |||
| - | </ | ||
| - | |||
| - | <WRAP column 30%> | ||
| - | // | ||
| - | |||
| - | You can set any valid widths (but only on divs): '' | ||
| - | |||
| - | ^type^e.g.^note^ | ||
| - | ^'' | ||
| - | ^'' | ||
| - | ^'' | ||
| - | |||
| - | A **table** inside a column or box will always be **100% wide**. This makes positioning and sizing tables possible. | ||
| - | |||
| - | </ | ||
| - | |||
| - | <wrap em>After using any of the float classes, you might come across something like this, where the following text protrudes into the space where only the floating containers should be ...</ | ||
| - | |||
| - | <WRAP clear></ | ||
| - | |||
| - | ... to prevent that, you should simply add | ||
| - | <WRAP clear></ | ||
| - | after your last column. | ||
| - | |||
| - | You **can** use the same options with spans (as each element that floats is automatically a block level element), but it probably doesn' | ||
| - | |||
| - | :!: Attention: Widths can cause problems and will often look different and break in some browsers. If you're not a web developer, you might not understand any problems regarding the [[http:// | ||
| - | |||
| - | All of those options will also work in the [[#boxes and notes]] wraps (see below). | ||
| - | |||
| - | === Multi-columns === | ||
| - | |||
| - | <WRAP col3> | ||
| - | For modern browsers (Firefox, Chrome and Safari) you can use multi-columns. Just use **'' | ||
| - | |||
| - | :!: Note: Multi-columns don't make sense for spans. | ||
| - | </ | ||
| - | |||
| - | |||
| - | ==== Alignments ==== | ||
| - | |||
| - | You can use these different text alignments: | ||
| - | |||
| - | * '' | ||
| - | * '' | ||
| - | * '' | ||
| - | * '' | ||
| - | |||
| - | <WRAP centeralign> | ||
| - | Center aligned text ... | ||
| - | </ | ||
| - | |||
| - | <WRAP rightalign> | ||
| - | ... and right aligned. | ||
| - | </ | ||
| - | |||
| - | < | ||
| - | <WRAP centeralign> | ||
| - | Center aligned text ... | ||
| - | </ | ||
| - | |||
| - | <WRAP rightalign> | ||
| - | ... and right aligned. | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | :!: You cannot add alignments to spans. | ||
| - | |||
| - | |||
| - | ==== Boxes and Notes ==== | ||
| - | |||
| - | <WRAP round box 570px center> | ||
| - | //**__round box 570px center__**// | ||
| - | |||
| - | * '' | ||
| - | * any of the classes '' | ||
| - | * the classes '' | ||
| - | * '' | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP info 220px left> | ||
| - | // | ||
| - | <WRAP info></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP tip 220px left> | ||
| - | //**Tip**// | ||
| - | <WRAP tip></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP important 220px left> | ||
| - | // | ||
| - | <WRAP important></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP alert 220px left> | ||
| - | // | ||
| - | <WRAP alert></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP round help 220px left> | ||
| - | // | ||
| - | <WRAP round help></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP download 220px left> | ||
| - | // | ||
| - | <WRAP download></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP todo 220px left> | ||
| - | // | ||
| - | <WRAP todo></ | ||
| - | </ | ||
| - | |||
| - | |||
| - | <WRAP clear></ | ||
| - | |||
| - | |||
| - | **Safety Notes:** | ||
| - | |||
| - | <WRAP danger 27% left> | ||
| - | // | ||
| - | <WRAP danger></ | ||
| - | </ | ||
| - | |||
| - | <WRAP warning 27% left> | ||
| - | // | ||
| - | <WRAP warning></ | ||
| - | </ | ||
| - | |||
| - | <WRAP caution 27% left> | ||
| - | // | ||
| - | <WRAP caution></ | ||
| - | </ | ||
| - | |||
| - | <WRAP round notice 27% left> | ||
| - | // | ||
| - | <WRAP round notice></ | ||
| - | </ | ||
| - | |||
| - | <WRAP round safety 27% left> | ||
| - | // | ||
| - | <WRAP round safety></ | ||
| - | </ | ||
| - | |||
| - | <WRAP clear></ | ||
| - | |||
| - | |||
| - | You can use notes and boxes also inside text with spans like this: | ||
| - | <wrap info> | ||
| - | <wrap info> | ||
| - | |||
| - | ==== Marks ==== | ||
| - | |||
| - | You can mark text as <wrap hi> | ||
| - | |||
| - | You can mark text as <wrap hi> | ||
| - | |||
| - | :!: This might look ugly in some templates and should be adjusted accordingly. | ||
| - | |||
| - | ==== Miscellaneous ==== | ||
| - | |||
| - | === Indent === | ||
| - | |||
| - | <wrap indent> | ||
| - | |||
| - | <wrap indent> | ||
| - | |||
| - | === Outdent === | ||
| - | |||
| - | <wrap outdent> | ||
| - | |||
| - | <wrap outdent> | ||
| - | |||
| - | === Prewrap === | ||
| - | |||
| - | <WRAP prewrap 250px> | ||
| - | < | ||
| - | Inside this code block the words will wrap to a new line although they are all in one line. | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | <WRAP prewrap 250px> | ||
| - | < | ||
| - | Inside this code block the words will wrap to a new line although they are all in one line. | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | === Spoiler === | ||
| - | |||
| - | Here follows a spoiler: <wrap spoiler> | ||
| - | |||
| - | Here follows a spoiler: <wrap spoiler> | ||
| - | |||
| - | Just select the text in the spoiler box to be able to read its content. | ||
| - | |||
| - | === Hide === | ||
| - | |||
| - | The following text is hidden: <wrap hide> | ||
| - | |||
| - | The following text is hidden: <wrap hide> | ||
| - | |||
| - | :!: Warning: The text will still appear in the source code, in non-modern browsers and is searchable. Do not hide any security risky secrets with it! | ||
| - | |||
| - | === Pagebreak === | ||
| - | |||
| - | The following will add a pagebreak: <WRAP pagebreak></ | ||
| - | |||
| - | The following will add a pagebreak: <WRAP pagebreak></ | ||
| - | |||
| - | This has no effect on the browser screen. A [[http:// | ||
| - | |||
| - | === Nopagebreak === | ||
| - | |||
| - | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
| - | |||
| - | The following will try to avoid a pagebreak: <WRAP nopagebreak> | ||
| - | |||
| - | This also has no effect on the browser screen. It will try to [[http:// | ||
| - | |||
| - | === Noprint === | ||
| - | |||
| - | <wrap noprint> | ||
| - | |||
| - | <wrap noprint> | ||
| - | |||
| - | === Onlyprint === | ||
| - | |||
| - | <wrap onlyprint> | ||
| - | |||
| - | <wrap onlyprint> | ||
| - | |||
| - | ==== Typography ==== | ||
| - | |||
| - | I advice against using the following typography classes. It's better to create semantic classes that reflect their meaning instead. | ||
| - | |||
| - | * font family: '' | ||
| - | * font size: '' | ||
| - | * font colour: '' | ||
| - | * background colour: '' | ||
| - | |||
| - | |||
| - | ==== Combining and Nesting ==== | ||
| - | |||
| - | You can combine and nest all classes and types of boxes, e.g. | ||
| - | |||
| - | <WRAP box bggreen fgblack 350px right :en> | ||
| - | //**__Outer green box floats right__**// | ||
| - | |||
| - | <WRAP 165px left> | ||
| - | Inner nested box floats left and is partly <wrap em hi> | ||
| - | </ | ||
| - | |||
| - | Text inside outer right box, but beneath inner left box. | ||
| - | |||
| - | <WRAP clear></ | ||
| - | |||
| - | <WRAP round tip> | ||
| - | Round tip box underneath, after a '' | ||
| - | </ | ||
| - | |||
| - | </ | ||
| - | |||
| - | |||
| - | < | ||
| - | <WRAP box bggreen fgblack 350px right :en> | ||
| - | //**__Outer green box floats right__**// | ||
| - | |||
| - | <WRAP 165px left> | ||
| - | Inner nested box floats left and is partly <wrap em hi> | ||
| - | </ | ||
| - | |||
| - | Text inside outer right box, but beneath inner left box. | ||
| - | |||
| - | <WRAP clear></ | ||
| - | |||
| - | <WRAP round tip> | ||
| - | Round tip box underneath, after a '' | ||
| - | </ | ||
| - | |||
| - | </ | ||
| - | </ | ||
| - | |||
| - | |||
| - | ===== Language and Text Direction ===== | ||
| - | |||
| - | You can change the language and the reading direction of a wrap container by simply adding a colon followed by the language code, like this: | ||
| - | |||
| - | < | ||
| - | <WRAP :he> | ||
| - | זה עברית. ((<wrap :en>This means "This is Hebrew.", | ||
| - | </ | ||
| - | </ | ||
| - | |||
| - | <WRAP :he> | ||
| - | זה עברית. ((<wrap :en>This means "This is Hebrew.", | ||
| - | </ | ||
| - | |||
| - | The text direction ('' | ||
| - | (If you specify a language not listed there, it simply won't do anything.) | ||