mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-23 18:17:20 +00:00
Code Issues Releases Wiki Activity

Fixed obsolete wikitext format

Browse Source
This commit is contained in:
Jeremy Ruston 2013-02-04 10:26:26 +00:00
parent 0961286ad5
commit 62af2e64e2
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
editions/tw5.com/tiddlers/wikitextrules/StyleBlockWikiText.tid
View File

@ -2,12 +2,12 @@ title: StyleBlockWikiText
This syntax enables you to assign arbitrary styles to generated elements. For example: This syntax enables you to assign arbitrary styles to generated elements. For example:
{{{ ```
@@color:#f00; @@color:#f00;
@@text-decoration:underline; @@text-decoration:underline;
This is in red! This is in red!
@@ @@
}}} ```
Generates the results: Generates the results:
@ -18,26 +18,26 @@ This is in red!
The HTML looks like this: The HTML looks like this:
{{{ ```
<p style="color:rgb(255, 0, 0); text-decoration:underline;">This is in red!</p> <p style="color:rgb(255, 0, 0); text-decoration:underline;">This is in red!</p>
}}} ```
Note that the style block doesn't generate any HTML elements itself, but instead causes the styles to be applied to all of the elements contained within the style block. This means that you can assign styles to elements generated from WikiText. For example, here is a list with some additional styles applied: Note that the style block doesn't generate any HTML elements itself, but instead causes the styles to be applied to all of the elements contained within the style block. This means that you can assign styles to elements generated from WikiText. For example, here is a list with some additional styles applied:
{{{ ```
@@background-color:#00f; @@background-color:#00f;
* First item * First item
* Second item * Second item
* Third item * Third item
@@ @@
}}} ```
The generated HTML is: The generated HTML is:
{{{ ```
<ul style="background-color: rgb(0, 0, 255);"> <ul style="background-color: #00f;">
<li>First item</li> <li>First item</li>
<li>Second item</li> <li>Second item</li>
<li>Third item</li></ul> <li>Third item</li></ul>
}}} ```