Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Design Mode - Page's Rich Text Editor

Design Mode - Page's Rich Text Editor by Brian

Change any webpage into its design mode (edit mode) where you can modify the content and drag images around like a Word Editor

4.4 (7 reviews)4.4 (7 reviews)
198 Users198 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
About this extension
This extension modifies the current document attributes so that it acts almost like a content edible document (Similar to MS Word, or Open Office) which allows the user to edit the page text, drag and drop assets, and remove elements that cause chaos on the page. It is even possible to insert new images. With this extension, you can simply edit the entire document and when it is ready, toggle back to the readonly mode (normal mode). This modified document can be printed or saved like a normal HTML page.

Features:
1. Insert <div>, <pre>, <paragraph>, and heading elements.
2. Convert font styling to bold or italic.
3. Add a link to the selected text.
4. Insert bulleted and numbered lists.
5. Increase and decrease indentation.
6. Insert an image.
7. Convert selected text to a blockquote.
8. Turn spellcheck on and off.
9. Remove formatting.

Notes:
1. To enable the extension press the toolbar button once. When the document is editable, the toolbar button is blue and you will get a desktop notification
2. When editing is over, to switch back to the normal mode, press the toolbar button once more. In the normal mode, the color is gray.
3. You can save the modified document in HTML or MHTML or print it. To save in MHTML you will need to install an extension.
4. To change formating of a text into bold, select the text then press Ctrl + B. For italics, press Ctrl + I

Preview: https://www.youtube.com/watch?v=pHLSZPlEx44
Rated 4.4 by 7 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
5
4
1
3
0
2
1
1
0
Read all 7 reviews
Permissions and dataLearn more

Required permissions:

  • Display notifications to you
More information
Add-on Links
  • Homepage
  • Support site
Version
0.2.3
Size
63.65 kB
Last updated
6 months ago (11 Feb 2025)
Related Categories
  • Web Development
  • Tabs
Licence
Mozilla Public Licence 2.0
Version History
  • See all versions
Add to collection
Report this add-on
Support this developer

The developer of this extension asks that you help support its continued development by making a small contribution.

Contribute now

Release notes for 0.2.3
  1. Fixes https://github.com/brian-girko/design-mode/issues/3
More extensions by Brian
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike Licence v3.0 or any later version.