✏️ Make Page Editable

Transform any webpage into an editable document

Drag this link to your bookmarks bar:

📝 Make Editable

📋 How to Use:

  1. Drag the "Make Editable" link above to your browser's bookmarks bar
  2. Navigate to any webpage you want to edit
  3. Click the bookmarklet in your bookmarks bar
  4. Start editing! Click on any text to modify it
  5. Click again to toggle edit mode off

🎯 Visual Feedback

Green dashed border appears around the page when edit mode is active, plus a temporary notification banner.

🔄 Toggle Function

Click the bookmarklet again to turn off edit mode and return the page to normal.

📝 Universal Editing

Works on virtually any webpage - news sites, blogs, documentation, and more.

⚡ Instant Activation

No page reload required. Edit mode activates immediately with one click.

⚠️ Note: Changes are temporary and will be lost when you refresh the page or navigate away. This tool is perfect for testing content changes, taking screenshots, or creating mockups.

📜 Raw Bookmarklet Code:

javascript:(function(){ var isEditable = document.body.contentEditable === 'true'; if(isEditable) { // Turn off edit mode document.body.contentEditable = 'false'; document.body.style.outline = 'none'; var banner = document.getElementById('edit-mode-banner'); if(banner) banner.remove(); } else { // Turn on edit mode document.body.contentEditable = 'true'; document.body.style.outline = '2px dashed #4CAF50'; document.body.style.outlineOffset = '2px'; // Add notification banner var banner = document.createElement('div'); banner.id = 'edit-mode-banner'; banner.innerHTML = '📝 EDIT MODE ACTIVE - Click anywhere to edit text'; banner.style.cssText = 'position:fixed;top:0;left:0;right:0;background:#4CAF50;color:white;text-align:center;padding:10px;font-weight:bold;z-index:999999;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 2px 5px rgba(0,0,0,0.2)'; document.body.appendChild(banner); // Auto-hide banner after 5 seconds setTimeout(function(){ if(banner.parentNode) banner.style.transform = 'translateY(-100%)'; setTimeout(function(){ if(banner.parentNode) banner.remove() }, 3000); }, 5000); } })();

💡 Pro Tips: