How to use Hackpad
Please play with these features in the Sandbox...
If you have any questions not covered here, try the Hackpad FAQ.
Introductory Tutorial: Getting started with Hackpad (3 mins)
A Pad is an editable content page.
A Collection is a label you can use with your team to stay organized. Click the name of any collection to see a full list of that Collection’s Pads.
A Workspace is a place where you and your teammates can share knowledge and collaborate.
- Move between Workspaces by clicking the burger (three horizontal lines on at the top left) to launch the Workspace navigation pane.
- Each Workspace has its own Collections and Pads. Easily create a new Workspace by clicking "+ new workspace" at the the bottom of the workspace navigator pane.
- You can easily identify what Workspace you’re in by glancing at the URL of your page - i.e team.hackpad.com is the Team Workspace.
A Workspace Member has access to all Pads in a workspace set to "all workspace users". You can add a Member to a workspace by asking an Admin to use the "Manage this Workspace" link found on your homepage.
A Pad Guest is invited from the right side of any Pad. If this person has not been invited to join a Private site as a Member, they will have access only to this single Pad. If they have been invited to a Public Site, they will have read and write access to all of a Workspace’s Pads, just like any member of the public.
Public Workspaces are free for an unlimited number of collaborators. Users can create as many public workspaces as they’d like, free of charge.
Private Workspaces are free for up to 5 members, and then cost $2/user/month.
CollaboratingSeeing Who Wrote What
Change your Pad’s Privacy Setting
- Clicking into the white edit area will show who authored which sections of the pad, using a different color for each author. Clicking outside of the edit area will hide the colors again. See Introducing Reading mode for more.
Click the green icon to the left of the Pad title to select your desired privacy setting.
- You can remove people who have been invited by clicking the user list in the sidebar, hovering on a name and clicking the ’X’.
- Moderation mode means that proposed edits by collaborators will be sent to you via email for approval or dismissal. This is a workaround you can use if you want others to be able to view the Pad, but not to edit it.
- If you’re the Pad’s original creator, you can activate moderation by selecting "Moderate" in the Gear icon dropdown menu. Here is a full description, from the blog: Moderate Your Pads.
Creating new pads’+’ New Pad Button
From your existing Pad
- You can find it at the top of every page:
- Simply type @ followed by the desired name pad title to create a child Pad in a parent Pad. This child Pad will inherit the collaborators, privacy settings, and inclusion in any Collections from it’s parent Pad.
From Selected Text
From your Email
- Selecting text followed by clicking the link icon will prompt you to create a new Pad whose title will be the text you selected. This is great for Pad hygiene and allows you to keep details tucked away in lower-level documents. On the original Pad, the selected content is replaced with a link to the new Pad.
From your browser address bar
- To create a new Pad on the public Hackpad.com Workspace, simply send an email to email@example.com - the subject line of the email will be the title of the new Pad and the body of the email will fill the body of the pad.
- To create a new Pad on your private Pro Workspace, simply send the email to hack+WORKSPACEname@hackpad.com (for example firstname.lastname@example.org.)
- Easily create a new Pad by typing WORKSPACEname.hackpad.com/YourNewPadName into your browser. For example https://juliasstuff.hackpad.com/tabularaza
- Click the gear icon and then "View History" to see a chronological list of recent changes.
From here, you can revert to previous versions of the Pad and track changes over time.
Organizing your content
HeadingsType # followed by a space to create a Heading 1,
Type ## followed by a space for a Heading 2, and
Type ### followed by a space for a Heading 3.
Table of Contents
- The Table of Contents guide appears automatically when you create fully bolded lines of text.
- Collections are shared "folders" or labels you should use with your team to organize your content.
- To add a Pad to a Collection from within a Pad, click "Add to Collection" at the top right of a Pad.
- To create a custom workspace for your team (e.g. freegeekchicago.hackpad.com) click "+ new workspace" at the bottom of the burger menu (three horizontal line icon) on the left side of your screen.
- To move a Pad to a new workspace (for example from the hackpad.com site to your own Workspace), just follow these steps:
- 1) Make sure that you’re viewing your Pads on the stream view and not list view.
- 2) Click the burger icon (three horizontal lines at the top left) to open the workspace navigator.
- 3) Now, find the "grabby handles" of the Pad you’d like to move (they’re a series of horizontal dots above the title, centered), and drag them to the desired workspace.
- Voila! The collaborators and privacy settings of your Pad will be preserved, but you will lose the history and Collections tags. We’re working to update the code to fix the latter two elements that aren’t currently being ported.
- Hashtags are another way to stay organized across pads, especially when a trend is still in it’s infancy and doesn’t yet justify a collection on it’s own. Here are some examples of how to use hashtags to stay organized and capture intent, even when you don’t have time to act on it immediately.
- Keep track of requirements for project milestones
- e.g. Test on iPhone 5S - necessary for #ios7launch, #P1
- Track new ideas with #idea, potential tweets with #tweetme, and bugs with #fixme
- Mark things you want to return to later
- e.g. #revisitWinter2013, #revisit2014, #revisitAfterIPO
Just paste the URL to embed rich media in a pad. (No more pesky embed codes!)
We support embeds of:
- Github Gists,
- Google Maps,
- and Prezi, with more coming soon!
Click here for a full list of supported rich media or see Hackpad Rich Media Demo for examples.
You can also drag-and-drop image files directly onto a Pad to embed them.
- Undo is Command-Z,
- Redo is Command-Shift-Z.
- Undo is Ctrl-Z,
- Redo is Ctrl-Shift-Z.
- Tab indents a paragraph.
- Shift-Tab unindents.
- This works with multiple selected lines.
- On a Mac:
- Command-B for bold
- Command-I for italics
- Command-U for underline
- Command-K for to create a hyperlink to another Pad or URL
- On a PC:
- Ctrl-B for bold
- Ctrl-I for italics
- Ctrl-U for underline
- Alt-K to create a hyperlink to another Pad or URL
You can highlight Hackpad text by selecting it and then hitting Command+E. (in Windows, hit Ctrl+Shift+E)
Currently we only support a yellow color :)
- " [ ] " at the start of a line starts a task list checkbox
- " - " and " * " starts a bulleted list
- " // " starts a comment
- " 1. " starts a numbered list
- four spaces starts mono-space mode
- To exit monospace mode, just start a new line and press delete.
Inline Code and Code Syntax Highlighting
- If you a begin a line with 4 spaces, you’ll start editing in monospace, or what we call "code mode"
- You can also enter `code` on the same line using backtick character ( ` )
Superscript / Subscript
Superscript x2: Select text then:
- Ctrl - [ = ]
- Ctrl - Shift - [+ ?] on Fin/Swe layout
Subscript x2: Select text then:
- Ctrl - Shift - [ = ]
- Ctrl - [+ ?] on Fin/Swe layout
Just type double-dollar sign then your LaTeX then another double-dollar sign to render the inner LaTeX. You can click on the latex to get back to the code version to make changes and then type the trailing dollar sign again to re-render.
Code Syntax Highlighting
Hackpad Code Syntax Highlighting and Monospace
Title a Pad to end in a common code extension like Hello.html, Hello.js, Hello.sql, etc and see it highlighted correctly for that language. Inline code is also supported. Four spaces will turn on monospace.
Offline Sync to Dropbox
You can enable Dropbox sync from your Account Settings Page. This will store an offline copy of all the Hackpads you follow into a ’hackpad’ folder in your Dropbox.
Link to Dropbox Files
Follow the directions above to enable Dropbox Sync with your Hackpad account.
Now when you type ’@’ to link, it’ll also search your Dropbox by filename. Hitting ’enter’ on a Dropbox file in the popup menu inserts a sharing URL for your file.
You can also do this by clicking the plus "+" button in the edit bar, followed by the Dropbox button, which will launch a modal dialog to browse the contents of your Dropbox.
Export - Downloading your Pads
Download all Pads you’ve authored
It’s easy to download all of the Pads you’ve created on your Workspace. Simply navigate to your profile page (found at https://hackpad.com/ep/profile/ or https://workspacename.hackpad.com/ep/profile/ for Workspaces) and select the preferred file type in the "Download Pads" dropdown.
Your Pads will be batched together and a download link will be emailed to you.
Download a single Pad
You can easily download a single Pad using your browser’s address bar. Check out how in this tutorial.
You can publish Pads online by setting the "open to" setting to "open to everyone (public)," or by embedding the Pad directly into your website or blog.
To print a Pad, or save it as PDF, click the gear icon and then "Print" . Details on how to publish from Hackpad here.