Obsidian snippets

Snippet #1: this snippet allows lets you turn a piece of text into a tooltip so that when you hover over it, additional information is revealed.

Paste this into your note:

<abbr data-title="Tooltip content">Tooltip display</abbr>

Or if you have the templater plugin you can select the text you want to turn into a tooltip and run the following templater command:
<%* tR = `<abbr data-title="content">${tp.file.selection()}</abbr>`; -%>


CSS:

abbr{

    text-decoration: overline;

    font-weight: 700;

    font-size: large;

    color: #9E7EFF;

  }



  abbr:hover::after {

    bottom: 100%;

    left: 100%;

    display: block;

    padding: 1em;

    max-width: fit-content;

    background: #7c49f4;

    border: 1px solid var(--tooltip-edge-colour);

    background-color: var(--background-primary);

    border-radius: 8px;

    border: 1px solid #7c49f4;

    content: attr(data-title);

}

Snippet #2: Allows you to obfuscate text inline. To reveal the text, click on the area in live preview mode. The text will be visible in source mode.

Paste the following into your note:
<span style="font-family:'Flow Circular', sans-serif !important">Spoilered content</span>

Or select text and then run the following templater command:
<%* tR = `<span style="font-family:'Flow Circular', sans-serif !important">${tp.file.selection()}</span>`; -%>