How to increase the line height of content in editor?

88 views
Skip to first unread message

Chunxuan

unread,
Sep 22, 2021, 5:57:11 AM9/22/21
to TiddlyWiki
Sorry it is a quite naive question, to me the line height in tiddle editor (the gray area) is too small when writing lists. I played with "Line height" and "Line height for tiddle" and it seems to make no difference.

What is the right way to do it? Thanks very much!

PMario

unread,
Sep 22, 2021, 8:22:54 AM9/22/21
to TiddlyWiki
Hi,
I'm not really sure, what you mean. Can you post a screenshot, where your problem is
-m

Chunxuan

unread,
Sep 22, 2021, 8:27:42 AM9/22/21
to TiddlyWiki
Sorry for the unclear description, a screen shot is attached. I would like to increare the line height in the grey input area, i.e., the line height of "test1", "list2", or "* list1" etc.

Chunxuan

unread,
Sep 22, 2021, 9:35:15 AM9/22/21
to TiddlyWiki
I have trouble to see the image, so try it again here.



Screenshot_2021-09-22_14-25-57.png

PMario

unread,
Sep 22, 2021, 10:10:10 AM9/22/21
to TiddlyWiki
I think it is possible, but the editor is covered in an iframe. .. So I think it will need to change some core code. I think it's not possible to change it with CSS from the main wiki.

-mario

Stobot

unread,
Sep 22, 2021, 10:14:16 AM9/22/21
to TiddlyWiki
I tried to get it @Chunxuan, but my CSS skills are very beginner, but I think I'm *close*. With the below I can change the color of the text-area, but the height doesn't seem to work. (Ah pmario just posted while I'm writing this - he knows a lot more about this than I do, but I'll still post this just in case it's useful for other customizations)

Capture.PNG

strikke...@gmail.com

unread,
Sep 22, 2021, 10:27:13 AM9/22/21
to TiddlyWiki
Editor lineheight.png

Stobot

unread,
Sep 22, 2021, 10:45:20 AM9/22/21
to TiddlyWiki
Ha! @Birthe / strikke... I was WAY OFF - wrong type of height - whoops! Thanks for saving the day. 

For my own curiosity, do you know of how to get to the height (rather than the actually asked-for line-height)? I can see in the browser-tools thing there's a `height: 100px;` there, but can't figure out how to over-ride it. 

Chunxuan

unread,
Sep 22, 2021, 11:01:31 AM9/22/21
to TiddlyWiki

@ strikke... this is intersting! Where should I put the code so it becomes the default setting for all tiddles?

strikke...@gmail.com

unread,
Sep 22, 2021, 11:15:22 AM9/22/21
to TiddlyWiki
As you can see in the image, I created a tiddler and tagged it $:/tags/Stylesheet. In the tiddler you write:

```
.tc-tiddler-edit-frame textarea.tc-edit-texteditor { line-height:35px; }

```
Or what height you would like,

strikke...@gmail.com

unread,
Sep 22, 2021, 11:31:35 AM9/22/21
to TiddlyWiki
@Stobot,
Unfortunately I do not know, I have tried for years until I ran out of ideas to try out. I did see the same as you describe in the inspector.

Chunxuan

unread,
Sep 23, 2021, 4:31:51 AM9/23/21
to TiddlyWiki
Thanks so much! It just works without further conig!
Reply all
Reply to author
Forward
0 new messages