|||

Quickly edit text on the web

This is a nifty trick for content designers. It lets you edit text on any website. I do this when I want to get quick visual assessment of a string change, or produce a mockup of text without having to bug a visual designer.

  1. Make sure your bookmarks bar is visible (check your browser’s settings)
  2. Select the text below:
javascript:document.body.contentEditable = true; void 0;
  1. Drag the selected text into your bookmarks bar
  2. Click that bookmark button and start editing the text on any page

You can now use your cursor to quickly edit some text. If things go bananas, just hit refresh and it will reset the the page.

Up next How content designers can get the most out user interviews As a content designer you’ll occasionally get a chance to interview users. Jump on these opportunities! It’s a way to find out what language your Product tours that don't suck A product tour is a kind of onboarding. They introduce users to changes you’ve made to their experience. But unlike onboarding (in which you help a
Latest posts Work is like a hill Badge of dishonor Ceci n'est pas un poubelle This sign is a crime Beware the lure of consistency Do not water Never, ever use the term microcopy You need three things to design content Permanently fixed Assembly instructions for a side table Extraneous labels, ignored conventions The double diamond model Don't have an emergency here Product tours that don't suck Quickly edit text on the web How content designers can get the most out user interviews Let's be reasonable How to derisk trial experiences Turn around, bright eyes We could be zeroes Content design vs visual design The recipe approach to writing labels Sorry no pizza 6 truths for first-time public speakers Do not enter, exit only What the %&@! is content design Content design has a nomenclature problem Solve the real problem Respect the user Look for patterns Start with the story