Home / GitHub Page

Hiding Passwords with Markdown


I love using markdown to organize stuff. The issue is, I store passwords and usernames in some of my notes but I hate having them in clear text in case people are looking over my shoulder. Some markdown websites/plugins have the use of !> to hide text until it’s hovered over with a mouse. Something like that would be great!



You could add something like this to userstyle.css

.hidden {
  background: #000;
  font-color: #000;
  transition: background 0.5s ease;

.hidden:hover {
  background: none;

And then in your notes you could use it like:

Here is a large block of text with a hidden <span class="hidden">password</span> that is only revealed on hover.

I know it’s not ideal, but you can get this working today as opposed to waiting for someone to implement this as a feature.

P.S. I got most of this code from here


You can also use MD Comment syntax to hide text in the MD Preview.

1 Like

MD/HTML comments work, but not when inside a MD table… which is unfortunate.

I guess i’ll just have to use some HTML and customize the CSS. Cause that seems like the only way to get it to work within a MD table

Thanks for the responses!


Yep, this works in an MD table with no CSS.

<!-- hidden text -->

1 Like

Ohhhh that actually worked. Was this due to the update? MD seems updated as well on this new Joplin version. I could have incorrectly used the tags when I tried earlier (possible).



Hmm, maybe we could add a few markdown extensions like discourse does. IMO it shouldn’t be hard to add. @laurent has to decide, if he wants this in Joplin.

There are more pressing issues to tackle, but maybe we can keep this in the back of our heads…


[spoiler]This text will be blurred[/spoiler] click on it to make it readable

This text will be blurred click on it to make it readable


This text will be hidden

This text will be hidden