mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-11-04 00:56:17 +00:00
38 lines
904 B
Plaintext
38 lines
904 B
Plaintext
|
created: 20131228163141555
|
||
|
|
modified: 20131228163843163
|
||
|
|
tags: macros
|
||
|
|
title: MakeDataUriMacro
|
||
|
|
type: text/vnd.tiddlywiki
|
||
|
|
|
||
|
|
The makedatauri macro constructs a data URI from a block of text and an associated ContentType. It is commonly used within stylesheets to generate an inline image or font.
|
||
|
|
|
||
|
|
! Parameters
|
||
|
|
|
||
|
|
|!Position |!Name |!Description |!Default |
|
||
|
|
|1st |text |Text to be converted to a data URI | |
|
||
|
|
|2nd |type |ContentType of text | |
|
||
|
|
|
||
|
|
! Examples
|
||
|
|
|
||
|
|
A trivial example to show how the macro works:
|
||
|
|
|
||
|
|
```
|
||
|
|
<<makedatauri "HelloThere" "text/plain">>
|
||
|
|
```
|
||
|
|
|
||
|
|
<<makedatauri "HelloThere" "text/plain">>
|
||
|
|
|
||
|
|
A user-defined macro such as this would typically be used within a stylesheet:
|
||
|
|
|
||
|
|
```
|
||
|
|
\define datauri(title)
|
||
|
|
<$macrocall $name="makedatauri" type={{$title$!!type}} text={{$title$}}/>
|
||
|
|
\end
|
||
|
|
```
|
||
|
|
|
||
|
|
Then one can write CSS rules like this:
|
||
|
|
|
||
|
|
```
|
||
|
|
background: url(<<datauri "$:/themes/tiddlywiki/starlight/ltbg.jpg">>);
|
||
|
|
```
|