On Friday, August 21, 2020 at 6:16:44 AM UTC-7, [email protected] wrote: > > Plz check that the newline mark not shown in the quote part after render, > why this happpened. > > I think the quote content should be > export xxxxx > export xxxxx > export xxxxx > > like this. >
As with all web content (not just TiddlyWiki), HTML content is rendered "inline", which joins separate lines and reduces multiple spaces to single spaces. Thus, the following: foo bar baz mumble frotz gronk snork snerfle argle bargle is displayed as: foo bar baz mumble frotz gronk snork snerfle argle bargle Blockquotes in wikitext (see https://tiddlywiki.com/#Block%20Quotes%20in%20WikiText) are no exception. To force a newline within HTML content, it is standard practice to embed <br/> where you want the newline to occur. Of course, this can be somewhat inconvenient when you have multiple lines of content for which you want each line to remain separate. In this case, you can use CSS to control the "white-space" handling, like this: <blockquote style="white-space:pre;"> line one line two line three </blockquote> You can also accomplish this using a CSS *classname*: <style> .whitespace { white-space:pre; } </style> <blockquote class="whitespace"> line one line two line three </blockquote> The same CSS class technique can also be applied to TW wikitext blockquotes, like this: <style> .whitespace { white-space:pre; } </style> <<<.whitespace line1 line2 line3 <<< Note that, rather than putting the <style>...</style> directly in the tiddler content, it is better to put it in a separate tiddler, tagged with $:/tags/Stylesheet, which will define the class once for use as many times as you like: 1) create a tiddler, e.g., MyStyles, containing: .whitespace { white-space:pre; } 2) Use that CSS class anywhere you like: <<<.whitespace line 1 line 2 line 3 <<< enjoy, -e -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1faa379e-8dd5-4b3f-b732-60fad599b3eao%40googlegroups.com.
