How to change text editor settings?

253 views
Skip to first unread message

kelsang sherab

unread,
Sep 8, 2017, 5:16:34 AM9/8/17
to TiddlyWiki

Hi
I would like to

1. change the color of the text editor from white to something less painful on the eyes

2. I'd lke to have a 'Zen' feel to the editing/writing environment by being able to make evrything that is not just the text i write to disappear

Are the above two things possible?

If possible some instructions will be appreciated

Cheers

Mark S.

unread,
Sep 8, 2017, 1:50:19 PM9/8/17
to TiddlyWiki
If you make a tiddler tagged $:/tags/Stylesheet and add this content:

.tc-edit-texteditor { background-color:lightblue;  }

then after closing and re-opening the editor, the background text will be light-blue. You can set it to some other color of course.

I don't understand what you want on item #2. Perhaps someone else can help.

Good luck,
Mark

@TiddlyTweeter

unread,
Sep 8, 2017, 1:58:13 PM9/8/17
to TiddlyWiki
kelsang sherab wrote:

2. I'd lke to have a 'Zen' feel to the editing/writing environment by being able to make evrything that is not just the text i write to disappear

Saying "Perry Mason" three times sometimes helps with this :-)

Best wishes
Josiah

PMario

unread,
Sep 8, 2017, 2:24:11 PM9/8/17
to TiddlyWiki
On Friday, September 8, 2017 at 11:16:34 AM UTC+2, kelsang sherab wrote:
2. I'd lke to have a 'Zen' feel to the editing/writing environment by being able to make evrything that is not just the text i write to disappear

There's no Zen-mode at the moment.

For those who don't know zen-mode. It's a kind of "distraction free editing" ... see: https://github.com/blog/1379-zen-writing-mode as an example.

-m

@TiddlyTweeter

unread,
Sep 8, 2017, 2:28:14 PM9/8/17
to TiddlyWiki
kelsang sherab wrote:
2. I'd lke to have a 'Zen' feel to the editing/writing environment by being able to make evrything that is not just the text i write to disappear
 
PMario wrote:
There's no Zen-mode at the moment.

For those who don't know zen-mode. It's a kind of "distraction free editing" ... see: https://github.com/blog/1379-zen-writing-mode as an example.

Saying "Perry Mason" three times always helps with that :-)

Best wishes
Josiah
 

Mark S.

unread,
Sep 8, 2017, 3:25:38 PM9/8/17
to TiddlyWiki
Oh? Is that what's meant by Zen node? In another post I got some help from Jeremy making a similar tool.

Put this code into a tiddler:

<$select tiddler="$:/state/side-edit-tiddler" tag="input">
<$list filter="[!is[system]sort[title]]">
<option value=<
<currentTiddler>>><$text text=<<currentTiddler>>/></option>
</$list>
</$select>

<div class="tc-tiddler-frame">
<$edit-text tiddler={{$:/state/side-edit-tiddler}} class="tc-edit-texteditor"/>
</div>

Then open the tiddler in it's own window. From the drop down select the tiddler you want to concentrate on. That's it. Distraction (and edit-bar) free writing. I'm sure someone could come up with a better version (like restoring the edit bar) if there was a demand.

Now for some reason, I want to go out and repair a motorcycle.

HTH
Mark


@TiddlyTweeter

unread,
Sep 8, 2017, 3:30:59 PM9/8/17
to TiddlyWiki
Mark S:
Now for some reason, I want to go out and repair a motorcycle.

I thought you were an archer?
J.

Message has been deleted

kelsang sherab

unread,
Sep 9, 2017, 3:15:42 AM9/9/17
to TiddlyWiki
Thanks all -
Perry Mason almost did the trck.

I shall have a bash at all the advice given.

Cheers
Message has been deleted
Message has been deleted

TonyM

unread,
Sep 9, 2017, 8:24:35 PM9/9/17
to TiddlyWiki
Mark, Thats Helpful,

I changed the first list filter to allow selecting from only tiddlers already open

<$list filter="[list[$:/StoryList]]">

Tony

kelsang sherab

unread,
Sep 10, 2017, 6:33:21 AM9/10/17
to TiddlyWiki
Hi Mark S.

In a new tiddler I
- added the tag
- added the content in the text editor area

saved and refreshed

Nothing happend

Any more suggestions?



On Friday, September 8, 2017 at 10:16:34 AM UTC+1, kelsang sherab wrote:

Mark S.

unread,
Sep 10, 2017, 12:33:37 PM9/10/17
to TiddlyWiki
What tag?

Just take the code I suggested and put it in a tiddler. Save. There will be a drop-down. Select the tiddler you want to edit from the drop-down. Then make the tiddler be in it's own window  by selecting "open in new window"

HTH
Mark

kelsang sherab

unread,
Sep 10, 2017, 4:49:44 PM9/10/17
to TiddlyWiki
Hi again Mark S.

earlier this thread you advised me to:


If you make a tiddler tagged $:/tags/Stylesheet and add this content:

.tc-edit-texteditor { background-color:lightblue;  }

then after closing and re-opening the editor, the background text will be light-blue. You can set it to some other color of course.

So the tag you suggested above.

any how it somhow does not work.
maybe i do not know where to enter the tag?
is there a special place to enter the tag other than the tag input box under the tiddler title?


cheers

kelsang sherab

unread,
Sep 10, 2017, 4:51:03 PM9/10/17
to TiddlyWiki
This worked great
thanks

Mark S.

unread,
Sep 10, 2017, 6:23:43 PM9/10/17
to TiddlyWiki
Hi kelsang,

D'oh! I tested on my own somewhat older version made before the new iframe based editor. The new editor has a different CSS class structure.

Try this instead in the specially tagged tiddler:

.tc-tiddler-frame textarea.tc-edit-texteditor { background-color:lightblue;  }

Actually, for my own use I like color #e6e7fe.

Good luck!
Mark

kelsang sherab

unread,
Sep 11, 2017, 5:51:14 AM9/11/17
to TiddlyWiki
Hi again Mark S

Sorry to bother you.

But still no change.

I follow your instructions:
1. Add $:/tags/Stylesheet  - in the add tag ifiled [just below the tiddler's title]
2. Added .tc-tiddler-frame textarea.tc-edit-texteditor { background-color:lightblue;  }    in the actual text editro
3. saved the tiddler
4. Refreshed and opened again and the color of the text editor is still white.

What am I not doing right?

Thank you for your patience

Mat

unread,
Sep 11, 2017, 7:53:54 AM9/11/17
to TiddlyWiki
kelsang sherab

Export the tiddler and post it here, i.e click the "more" arrow in the tiddler and choose export as .tid and then post here so we can take a look.

 <:-)

Mark S.

unread,
Sep 11, 2017, 9:13:05 AM9/11/17
to TiddlyWiki
Yes, follow Mat's suggestion. I forgot to ask -- what version of TW are you using?

Good luck,
Mark

kelsang sherab

unread,
Sep 11, 2017, 10:42:35 AM9/11/17
to TiddlyWiki
I hope i exported and attached it correctly.
the wiki version is 5.1.14
thanks for your help




On Friday, September 8, 2017 at 10:16:34 AM UTC+1, kelsang sherab wrote:
text editor color experiment.tid

Mark S.

unread,
Sep 11, 2017, 10:52:44 AM9/11/17
to TiddlyWiki
I could be wrong, but it looks like you may have somehow gotten a space into the front of the tag name. Delete the tag and type in the tag by hand. You only need to save a stylesheet tiddler (that is, close out it's editor). You don't need to save the TW and refresh (though you need to do that for javascript macros).

Good luck,
Mark

kelsang sherab

unread,
Sep 11, 2017, 11:19:30 AM9/11/17
to TiddlyWiki
You've fixed it!!

Thank you so much - especially for the patience.

Birthe C

unread,
Sep 11, 2017, 3:36:23 PM9/11/17
to TiddlyWiki
Hi Mark S,

Thank you so much! Also I like your color choice. You saved my sanity really. I see that I was very close but typos....you cannot imagine how much time I have spend on this.

Birthe

kelsang sherab

unread,
Sep 11, 2017, 4:14:48 PM9/11/17
to TiddlyWiki
Birthe C.
I know how you feel.
Its the little things in life...


On Friday, September 8, 2017 at 10:16:34 AM UTC+1, kelsang sherab wrote:
Reply all
Reply to author
Forward
0 new messages