Hide text in notes

Help
1

I’ve been trying for several days to create a note with emails and passwords, but I want the passwords to be hidden in a field below the emails. Ideally, it would slide to the side to reveal the text, or I would like to use those password input fields with an eye icon that, when clicked, reveal the password. I’ll leave here what I’ve accomplished so far and what I haven’t been able to solve yet. I’m a beginner at this and I don’t understand much about programming ,I know there are other, safer ways to store passwords.

I made this video to demonstrate the behavior I can’t remove: when I click to reveal the password, everything gets pushed down. If anyone is good at HTML programming and can help me, I would appreciate it. Or, if someone can provide me with better code that does the same thing, that would be great. I think those sliding buttons on Android are really cool, and it would be awesome to have them in the notes to control events

vid 1

vid 2
https://www.youtube.com/shorts/k9kjzG_GkeY

On Obsidian for desktop w7, the behavior is similar, but there are other bugs that I couldn’t fix. When I fix it on the PC, it causes issues on Android, and when I fix it on Android, it causes issues on the PC. Aligning this text with the background has become a huge challenge for days

2

Good on you for trying something interesting, but don’t store passwords in Obsidian.

The underlying notes are plain text .md files and can be easily read with any file browser (on desktop or mobile).

2 Likes
3

I know, I will use encryption in the .md file

4

Have you considered something like Keepass?

It’s an opensource password manager that stores the data local only, like obsidian.
Since it’s actually designed for that purpose it should serve your purpose better.

5

No, I want to customize where the passwords are saved in my own way, I don’t want it to be just a password manager, I’m going to make notes, I also want to customize where I write by placing images, icons, inputs, buttons and other things