1- created: 20181115150106640
1+ created: 20180502213625201
22creator: Mohammad
3- modified: 20190216180317095
3+ keywords: typed-list ordered
4+ modified: 20190406122519289
45modifier: Mohammad
6+ tags: tutorial
57title: Paragraphs in Numbered Lists
68type: text/vnd.tiddlywiki
79
810Entries in the list are delimited with a linebreak, making it impossible to include linebreaks within a list entry. There are a couple of workarounds.
911
12+ * ''Paragraph Transclusion''
13+ <<<
1014First, you can transclude paragraph content from another tiddler. For example:
1115
1216```
1317* First entry
1418* <$transclude tiddler="MyTiddler" mode="block"/>
1519* Third entry
1620```
17- Secondly, you can use an HTML "div" element to contain the multiline content. For example:
21+ <<<
1822
19- <<wikitext-example-without-html
20- src:"""
21- # Step 1
22- # Step 2
23- # Step 3<div>
23+ * ''Use three double qoutes''
24+ <<<
25+ ```
26+ # One
27+ # """ Hi Mohammad
28+ Are you Okay
29+ """
30+ # Best
31+ # Better
32+ ```
33+
34+ # One
35+ # """ Hi Mohammad
36+ Are you Okay
37+ """
38+ # Best
39+ # Better
40+ <<<
41+
42+ * ''Use div tag''
43+ <<<
44+ Note that the double linebreak preceding this paragraph is significant.
45+
46+ ```
47+
48+ # One
49+ # <div>
2450
25- Here is the first of several paragraphs. Note that the double linebreak preceding this paragraph is significant.
51+ Hi Mohammad. Are you Okay?
2652
27- And here is the second of several paragraphs.
53+ > This is a qoute
54+ This is an image
55+ [img width=96 [pig.png]]
2856</div>
29- # Step 4
30- # Step 5
31- # Step 6
32- """>>
57+ # Best
58+ # Better
59+
60+ ```
61+
62+ # One
63+ # <div>
64+
65+ Hi Mohammad. Are you Okay?
66+
67+ > This is a qoute
68+ This is an image
69+ [img width=96 [pig.png]]
70+ </div>
71+ # Best
72+ # Better
73+
74+ <<<
75+
76+ !! Other example
77+
78+ * To do today
79+ *# Eat
80+ * To get someone else to do
81+ *# This
82+ *# That
83+ *## And the other
84+ * Next level
85+ *# One
86+ *# Two
87+
88+ !!! With CSS class
89+ *.liBlue List One
90+ *.liBrown List Two (use data Tiddler)
91+ *.liGreen List Three
92+
93+ <style>
94+ .liBlue {color:blue}
95+ .liBrown {color:{{myPallete##Brown}} }
96+ .liGreen {color:green};
97+ </style>
98+
3399
34100; More information
35101: [[Lists in wikitext|https://tiddlywiki.com/#Lists%20in%20WikiText]]
0 commit comments