-
Switched from Typora to Joplin recently.
-
Would be great if the dev's can add outline option if possible.(when you have many headings in note, tough to switch to desired one with a scrolling option)
-
Or is there any plugin or any other way i can enable it ???
1 Like
Some people modify their userstyle.css to a similar effect (see this thread). However, I agree that a proper outline feature would be useful, and even think Typora handles it beautifully (by making it the secondary mode for the sidebar).
Edited userstyle.css -- (Quit the app & opened it. Isn't working?? (New to CSS)
[toc]
nav.table-of-contents ul {
list-style-type: none;
margin-top: 0px;
margin-bottom: 0px;
}
nav.table-of-contents>ul {
top: 5px;
right: 0px;
z-index: 99;
font-size: 12px;
position: fixed;
padding: 15px;
border-radius: 10px 0px 0px 10px;
margin: 0px;
overflow: hidden;
height: 90%;
width: 5px;
transition: .2s;
}
nav.table-of-contents::after {
content: "[TOC - move your cursor to the right edge]";
color: black;
}
nav.table-of-contents>ul:hover {
background: #F8F8F8;
box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.15);
width: 30%;
color: none;
overflow: scroll;
}
nav.table-of-contents>ul:hover::before {
content: "TABLE OF CONTENTS"
}
nav.table-of-contents>ul:hover li {
display: list-item;
}
nav.table-of-contents li {
display: none;
white-space: nowrap;
overflow: hidden;
margin: 0px;
padding: 0px;
}
#rendered-md {
width: 100%;
}
}
I haven't done it myself, maybe someone else can help. As far as I understood, you'll have to:
- Edit userstyle.css, restart Joplin
- Include the text "[toc]" in the document you're editing (not in the userstyle.css)
- Switch to the "viewer" mode (I don't think it shows up while editing)
To clarify a few things.
Preferences -> Markdown -> Enable table of contents extension (wysiwyg: no)
No CSS is necessary to display a table of contents in the rendered view of a markdown note. Just add
a [toc] (at the beginning of a line and that's it.
However, if you want the toc to look different as to what you get, you will have to use CSS.
Here's a great topic about CSS:
This might also be of interest:
2 Likes
You can use Typora as an external editor and still see the Typora Outline