Full Screen Composition

[J Haddon]

Hi everyone,

Long time user, first time poster. I was inspired lately to take a shot at some Tiddlywiki modifications.

I wanted to make a way to toggle between the normal writing mode and 'zen' mode, similar to Github has. I found this fantastic tutorial on a CSS only solution and made a quick prototype to get it working. (I'd seen J.D.'s full screen mod before, but it doesn't have quite the functionality I was looking for. Also, I wanted to learn by making something)

• Right now I am overriding a core UI tiddler ($:/core/ui/EditTemplate/body to be specific), something my Wordpress experience is telling me isn't a great idea for updates. Is there a better way, hooks, for example, to insert code into shadow tiddlers?

• I would like to do some styling to the text area as well, but it is loaded in an iFrame, does anyone have suggestions on how to alter those styles? Particularly the background. It seems to take the font size and other styles I've sent, but the theme wins the war with the color of the background.

• Next step is to add some Javascript and try to auto focus in the text area when 'zen' is set; again with the iFrame question, is there a good way to hook in to the edit window to set focus?

And since it is my first post, a quick thank you to everyone who has helped make Tiddlywiki over the years. My first tiddlywiki was downloaded in 2006 and it is still used today (updated to the lasted version, naturally). I use one for my home page, and others throughout the years for projects.

-j

[TonyM]

J,

A search of the forum with full screen editor reveals this https://groups.google.com/d/msg/tiddlywiki/NbapwQHtIVQ/yt8EdV4YHQAJ

But playing with the full screen button, open in new window and other mechanisms are available. I think tiddlyblink may include this as well.

Regards

Tony

[J Haddon]

Hi Tony,

Thanks for the reply. That full screen editor from JD was the one I mentioned in my post. It very nice, but not what I was thinking.

I uploaded a demo of what I've got done (sorry, I should have done that on the first post...) which shows how it works so far.

http://jacobhaddon.com/tiddlywiki/fullscreen.html

-j

[TonyM]

J

Thanks for Sharing,  I love the idea of the option being inside the editor.

• But may I ask its not full screen is it? Its more like a single tiddler edit mode!
• Also I like using Control Panel, Appearance, Theme Tweeks, Sidebar layout, set to Fluid Story, Fixed side bar
• Unfortunately there are unusual results.

Other notes:

• I have created a method to use "open in New Window" to edit single tiddlers which is similar
• one could use a modal to do similar as well if you are not trying to expand the size of the editor.
• It can help with distraction free editing.
• I would like to see a version that has the selected preview above and the edit window below, not unlike MediaWiki/WikiPedia

Regards

Tony