/web-content-edit-and-blur--browser-extension

A simple browser extension to edit and blur web content.

Primary LanguageJavaScript

N|Logo

Version Number

Easily edit, replace or blur elements on any webpage

"Content Edit & Blur" is a simple browser extension which allows users to edit or replace texts and images on any webpage directly from the browser, and also blur content when needed.

Some use-cases this plugin can be useful in:

  • To create quick mockups based on existing pages

  • Communicating changes in web pages

  • Blurring (hiding) out the sensitive data when taking screenshots, screen shares(i.e. Zoom), or screen casts(i.e. Loom)...etc

How to use

  • Simply click on the extension’s pencil icon located in your browsers extension drawer to switch between the 3 modes: Idle, Edit, Blur.
  • In Blur mode: Click any element once to blur it, click twice for extra blur, click again to unblur
  • In Edit mode: Select a text and press ALT+R to replace all occurrences. (Hint: Double-click any image to replace it. )
  • Press the ESC key anytime to switch back to Idle mode

Browser Support - Click to Install Now

google chrome logo mozilla firefox logo   microsoft edge logo

Users Quotes

Great tool for editing screenshots cleanly. Saves me a ton of time! - David Curwin

Super simple, as a product manager from time to time I have to screenshot from the web or mock up products, iv only been using this for one day and this has already filled my needs easily and quickly, TWICE! - Odi Paneth

Screenshots

screenshot depicting how to select between the 3 modes: Idle, Edit, Blur; via clicking the extension's pencil icon in your browser extension drawer

screenshot of 2 examples. First one is the use of editing behind blurred elements using edit mode. Second one is with an example using blur mode to hide an element

Changelog

  • [1.3.0] Replacing all occurrences of a text in a webpage
  • [1.2.0] Replacing images with local ones