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'>
<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' 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'> <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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/cfa8d7d8-7d41-4cd6-a385-389fcb9eb910%40googlegroups.com.
