Home / GitHub Page

Hiding Passwords with Markdown

#1

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!

C10

#2

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

2 Likes
#3

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

1 Like
#4

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!

#5

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

<!-- hidden text -->

1 Like
#6

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).

Thanks!

#7

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…

e.g.:

[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

and

[details="Summary"]
This text will be hidden
[/details]
Summary

This text will be hidden