Hide Tiddler Body

#41

I have added the list-before field now with value $:/config/ViewTemplateBodyFilters/default- My TiddlyWiki — a non-linear personal web notebook

Now the alternate editor viewtemplate is getting activated once I add the ae-type field using the viewtoolbar button. But I need to modify my filters somewhere I guess beacuse on all tiddlers the same alternate editor table is being seen. I have to go for work now. I will revisit once I am back home.

#42

Okay. now it works, you can start with adding gradually the style and content you want. This will help you to debug the current code!

#43

After a lot of tinkering, finally I was able to make it work.
Now there are three editor modes which are activated by viewtoolbar buttons.

  1. Alternative editor without preview - This is a simple editor created using edit text widget.

image
image2062×936 86.6 KB

  1. Alternative editor selective - This is an editor with three modes - simple editor, preview, editor with preview modes which can be selected using radio buttons.

image
image1920×1278 162 KB

  1. Alternative editor selective for modals - Same as the second one except that the editor is loaded in a modal.

image
image1920×961 102 KB

Click on these three viewtoolbar buttons to see the editors working. image

Check out the editors in this link - My TiddlyWiki — a non-linear personal web notebook

Given below is a link of ensemble tiddler showing ensembles for each editor modes and their related tiddlers.
https://demowiki.tiddlyhost.com/#%24%3A%2Fplugins%2FBTC%2Ftiddlywiki-multi-columns%2Fui%2FSideBarTabs%2FEnsemble

image
image2018×846 80.2 KB

Thank you @Mohammad for the helps.

2 Likes
#44

Great work!
Thank you for sharing!

Sidenote: TW Icons is a comprehensive collections of icons, you can find good icons there with same size and line thickness ( stroke-width) as TW core icons!

#45

I took it from this wiki TW Icons v1.10 — A large collection of icons for TiddlyWiki
Will check for more compatible icons when I get time.

#46

@Mohammad

I have a small problem- check this tiddler

image
image2032×850 103 KB

This is how it looks normally.

But in the preview mode of my editor, the wikitext formatting is lost.

image
image2108×1146 370 KB

This is the Editor tiddler and given below is the code that deals with the preview part.

<td style="width:50%;height:90vh;vertical-align:top;max-height: unset;overflow: auto;">
{{!!text}}
</td>
</$list>

</td>

I even tried the code given below instaed of {{!!text}}. BUt its not working.

 <$transclude tiddler={{!!text}} mode="block"/>

Is there any workarounds?

#47

Perhaps somewhere you need to add an extra blank line! by the way for mode block I prefer

<$transclude tiddler={{!!text}} mode="block"/>

over

{{!!text}}
#48

That worked :+1:

Is there any particular reason for that ?

#49

At least you can control the mode! also $transclude can accept variables as attributes value, …

For detailed discussion see:

Question for clarification transclude widget vs shorthand transcludes - Discussion - Talk TW (tiddlywiki.org)