Tail-Tales

Documentation

Getting Started

Create beautifully formatted notes using HTML elements and Tailwind CSS. Customize your writing experience with default styles and keyboard shortcuts.

Key Features

Element Styling

Apply Tailwind classes to any element for custom styling. Set default classes in Settings for consistent formatting across your notes.

Default Styles

Configure default Tailwind classes for different elements in Settings. These styles will be automatically applied to new elements while remaining fully customizable.

Keyboard Shortcuts

Line BreakEnter

Creates <br/> when used mid-text, exits element when used at the end

Force Line BreakShift + Enter

Always creates <br/> within current element

Exit to RootCtrl + Enter

Moves cursor to root element level

Indent TextTab

Adds 4 spaces of indentation at cursor position

Move ElementAlt + ↑/↓

Move current element up or down in its parent

Tips & Tricks

  • •Configure your most-used styles in Settings to speed up note-taking
  • •Use Shift+Enter for quick line breaks without leaving your current element
  • •Combine default styles with custom Tailwind classes for maximum flexibility
  • •Use Alt + Arrow keys to quickly reorganize your content