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 [30/09/2019 11:15] – [Table] harri | wiki:syntax [31/01/2020 11:00] – harri | ||
---|---|---|---|
Rivi 1: | Rivi 1: | ||
- | ====== Formatting Syntax ====== | + | __false__ |
- | [[doku> | ||
- | |||
- | ====== Unicode table ====== | ||
- | |||
- | ^ Merkki | ||
- | | ° | 00b0 | 0176 | | ||
- | | ⇌ | 21cc | 8652 | | ||
- | | Δ | 0394 | 916 | | ||
- | | · | 2219 | B7 | | ||
- | | × | D7 | D7 | | ||
- | | %%|%% | 007c | 124 | | ||
- | | − | 2212 | 8722 | | ||
- | | ≈ | 2248 | 8776 | | ||
- | | μ | 03bc | ||
- | | α | 03b1 | 945 | | ||
- | | Ω | 03a9 | 937 | | ||
- | |||
- | \\ | ||
- | |||
- | |||
- | ====== 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.) |