Hi Jeremy, I have summarized the issue and posted in an new thread! https://groups.google.com/d/msg/tiddlywiki/I-6KJelOUD0/yZx68xfiAAAJ
Best Mohammad On Saturday, May 2, 2020 at 5:17:49 PM UTC+4:30, Jeremy Ruston wrote: > > Hi Mohammad > > Not at all, my apologies for posting a response without properly testing > it. I’m now very confused about what the original problem was, please could > you kindly restate the problem, ideally with reference to the existing core > templates? > > Best wishes > > Jeremy > > > > On 1 May 2020, at 11:23, Mohammad <mohamma...@gmail.com <javascript:>> > wrote: > > Hi Jeremy > Many thanks and sorry for taking your time. > > On Friday, May 1, 2020 at 1:53:17 PM UTC+4:30, Jeremy Ruston wrote: >> >> Hi Mohammad >> >> Apologies, I’d missed a bit off the content of the new wrapper template. >> Try this: >> >> <$view tiddler="$:/mytemplate" mode="htmlwikified" mode="inline”/> >> > > This seems to be corrected as below > > <$view tiddler="$:/mytemplate" format="htmlwikified" mode="inline”/> > > > >> >> Where “$:/mytemplate” is the title of the template you were using before >> (ie the title of the template we’re wrapping). >> >> Best wishes >> >> Jeremy. >> >> > The standard template which I uses a modified one seems have backticks. > Following is the standard template for rendering tiddlers with very little > modification > > \define tv-wikilink-template() $uri_doubleencoded$.html > \define tv-config-toolbar-icons() no > \define tv-config-toolbar-text() no > \define tv-config-toolbar-class() tc-btn-invisible > \import [[$:/core/ui/PageMacros]] > [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]] > `<!doctype html> > <html> > <head> > <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> > <meta name="generator" content="TiddlyWiki" /> > <meta name="tiddlywiki-version" content="`{{$:/core/templates/version}}`" > /> > <meta name="viewport" content="width=device-width, initial-scale=1.0" /> > <meta name="apple-mobile-web-app-capable" content="yes" /> > <meta name="apple-mobile-web-app-status-bar-style" > content="black-translucent" /> > <meta name="mobile-web-app-capable" content="yes"/> > <meta name="format-detection" content="telephone=no"> > <link id="faviconLink" rel="shortcut icon" href="favicon.ico"> > <link > href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' > > rel='stylesheet' type='text/css > <https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic'+rel='stylesheet'+type='text/css> > '> > <link rel="stylesheet" href="static.css"> > <title>`<$view field="caption"><$view field="title"/></$view>: > {{$:/core/wiki/title}}`</title> > </head> > <body class="hg"> > <header class="hg-header">` > > {{$:/kookma/static-header||$:/core/templates/html-tiddler}} > > `</header> > <main class="hg-main">` > <$view tiddler="$:/kookma/template/static-view-template" > format="htmlwikified"/> > `</main> > <aside class="hg-left"> > ` > {{$:/kookma/aside-left||$:/core/templates/html-tiddler}} > `</aside> > <aside class="hg-right">` > {{$:/kookma/aside-right||$:/core/templates/html-tiddler}} > `</aside> > <footer class="hg-footer">` > {{$:/kookma/static-footer||$:/core/templates/html-tiddler}} > `</footer> > </body> > </html>` > > > When I use the wrapper template in my case "$:/kookma/mytemplate-wrapper" > with below content as your advise > > <$view tiddler="$:/kookma/templates/static.tiddler.html" > mode="htmlwikified" mode="inline”/> > > I see something like this in Wiki > > <code><!doctype html> <html> <head> <meta > http-equiv="Content-Type" > content="text/html;charset=utf-8" /> <meta > name="generator" content="TiddlyWiki" /> <meta > name="tiddlywiki-version" content="</code>5.1.22<code>" > /> <meta name="viewport" content="width=device-width, > initial-scale=1.0" /> <meta > name="apple-mobile-web-app-capable" content="yes" /> > <meta name="apple-mobile-web-app-status-bar-style" > content="black-translucent" /> <meta > name="mobile-web-app-capable" content="yes"/> > <meta name="format-detection" > content="telephone=no"> <link id="faviconLink" > rel="shortcut icon" href="favicon.ico"> <link > href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' > > rel='stylesheet > <https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic'+rel='stylesheet>' > > type='text/css'> <link rel="stylesheet" > href="static.css"> > <title></code>$:/kookma/mytemplate-wrapper: Generate Static Website — > a tutorial for generate websits using Tiddlywiki<code></title> > </head> <body class="hg"> <header > class="hg-header"></code> <p>Generate Static > Website</p> <code></header> <main > class="hg-main"></code> <p><div > class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists > tc-tiddler-system " data-tags="" > data-tiddler-title="$:/kookma/mytemplate-wrapper"><div > class=" tc-reveal" hidden="true"></div> > <span class="tc-error">Recursive transclusion error in > transclude widget</span> </div> </p> <code></main> > <aside class="hg-left"> </code> > <p><strong>Contents</strong></p><p><ul > class=""></ul></p> <code></aside> <aside > class="hg-right"></code> <p>Ads</p> > <code></aside> <footer class="hg-footer"></code> > <p>This is a footer</p> <code></footer> </body> > </html></code> > > > And when I build the static pages using > > tiddlywiki --build jeremy > > with jeremy in my tiddlywiki.info as below > > "jeremy":[ > "--rendertiddlers", "[!is[system]tag[public]]", > "$:/kookma/mytemplate-wrapper", "static", "text/plain", > "--rendertiddler", "$:/kookma/templates/static.template.css", > "static/static.css", "text/plain" > ] > > I get the wrong results as below: for example this is tutorial tiddler > rendered as tutorial.html > > <!doctype html> <html> <head> <meta http-equiv="Content-Type" > content="text/html;charset=utf-8" /> <meta name="generator" > content="TiddlyWiki" /> <meta name="tiddlywiki-version" content="5.1.22" > /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> > <meta name="apple-mobile-web-app-capable" content="yes" /> <meta > name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> > <meta name="mobile-web-app-capable" content="yes"/> <meta > name="format-detection" content="telephone=no"> <link id="faviconLink" > rel="shortcut icon" href="favicon.ico"> <link > href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' > > rel='stylesheet' type='text/css > <https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic'+rel='stylesheet'+type='text/css>'> > > <link rel="stylesheet" href="static.css"> <title>Tutorials: Generate > Static Website — a tutorial for generate websits using Tiddlywiki</title> > </head> <body class="hg"> <header class="hg-header"> <p>Generate Static > Website</p> </header> <main class="hg-main"> <p><div > class="tc-tiddler-frame tc-tiddler-view-frame tc-tiddler-exists > tc-tagged-public" data-tags="public" data-tiddler-title="Tutorials"><div > class=" tc-reveal" hidden="true"></div> <div class="tc-tiddler-body > tc-reveal"><h2 class="">Part i</h2><p>URLs - the strings of letters and > symbols that we occasionally type into the address bar but much more > frequently click on, aren't allowed to have spaces in them.</p><p><img > src="data:image/png;base64,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">.</p><p>This > > is a figure </p><p>Up until now, we have been creating tiddlers, and having > them turned into pages with matching URLs without worrying about whether > the titles had spaces in them. How come?</p><p>There's actually been a > little bit of magic going on all along, which is that tiddlywiki is turning > the links to all our pages, along with the filenames that those pages are > getting saved with, into 'safe' URLs by swapping all the spaces for the > character sequence %20. This is called URL encoding.</p><h2 class="">Part > ii</h2><p>This is part two. It contains the below text. </p><blockquote > class="tc-quote"><cite>Mark Twain</cite><p>They did not know it was > impossible so they did it. </p></blockquote></div> </div> </p> </main> > <aside class="hg-left"> <p><strong>Contents</strong></p><p><ul > class=""></ul></p> </aside> <aside class="hg-right"> <p>Ads</p> </aside> > <footer class="hg-footer"> <p>This is a footer</p> </footer> </body> > </html> > > > > --Mohammad > > > -- > 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 tiddl...@googlegroups.com <javascript:>. > To view this discussion on the web visit > https://groups.google.com/d/msgid/tiddlywiki/cfa8d7d8-7d41-4cd6-a385-389fcb9eb910%40googlegroups.com > > <https://groups.google.com/d/msgid/tiddlywiki/cfa8d7d8-7d41-4cd6-a385-389fcb9eb910%40googlegroups.com?utm_medium=email&utm_source=footer> > . > > > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/1bfeb096-73c6-4b32-81bf-ea7d800b00b2%40googlegroups.com.