Edit any page's content by switching to design mode, where you can modify the content and drag images around like a Word Editor

Latest Version

Version

0.2.2

Update

December 3, 2024

Size

62.89KiB

Developer

Design Mode - Page's Rich Text Editor Extension

This extension modifies the current page's attributes to act like a content edible document (Similar to MS Word, or Open Office). This allows the user to:
1. Edit the page content
2. Drag and drop assets
3. Remove elements that cause chaos on the page
4. Insert new images
5. and more!

With this extension, you can edit the entire document and when it is ready, toggle back to the read-only mode (normal operation mode). The modified document can be printed or saved like any page.

Usage Instruction:
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. To switch back to the normal mode, press the toolbar button one more time. In the normal mode, the toolbar color is gray.

Notes:
1. You can save the modified document in HTML or MHTML or print it. To save in MHTML you will need to install an extension.
2. To change the formatting of a text into bold, select the desired section, and press Ctrl + B or Command + B. For italics, press Ctrl + I or Command + I. Alternatively, the extension inserts a helper toolbar so that you can access the rich text editing tools from a floating panel.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.2.2", "name": "Design Mode - Page's Rich Text Editor", "description": "__MSG_description__", "default_locale": "en", "permissions": [ "storage", "notifications", "activeTab", "scripting" ], "background": { "service_worker": "worker.js" }, "homepage_url": "https://add0n.com/design-mode.html", "icons": { "16": "/data/icons/16.png", "32": "/data/icons/32.png", "48": "/data/icons/48.png", "64": "/data/icons/64.png", "128": "/data/icons/128.png", "256": "/data/icons/256.png", "512": "/data/icons/512.png" }, "offline_enabled": true, "action": {}, "web_accessible_resources": [{ "resources": [ "/data/toolbar/index.html" ], "matches": ["*://*/*"] }], "commands": { "_execute_action": {} }}

Download CRX(62.89KiB)

Similar Extensions

Page Edit Extension · Developer Tools 2,000+ 31 ★ 229KiB

Redesign Extension · Developer Tools 2,000+ 2 ★ 121KiB

Web Editor Extension · Developer Tools 2,000+ 29 ★ 68.98KiB

Offline WebPage Editor Extension · Productivity 2,000+ 6 ★ 15.03KiB

1click Edit page Extension · Productivity 2,000+ 7 ★ 25.68KiB

Easy WebPage Editor Extension · Productivity 2,000+ 3 ★ 587KiB

1click edit web image Extension · Productivity 2,000+ 5 ★ 442KiB

Design Mode Extension · Developer Tools 2,000+ 17 ★ 7.97KiB

UI Design Extension · Developer Tools 2,000+ 3 ★ 26.09KiB

DesignMode Extension · Developer Tools 2,000+ 2 ★ 2.78MiB

Restyler Extension · Developer Tools 2,000+ 14 ★ 853KiB

Edit Website Extension Extension · Productivity 2,000+ 18 ★ 24.69KiB

Edit Extension · Fun 2,000+ 8 ★ 3.63KiB

Fluid Page Extension · Fun 2,000+ 11 ★ 22.93KiB

MageTools: DevTools Reimagined Extension · Developer Tools 2,000+ 9 ★ 84.8KiB

Page Text Editor Extension · Fun 2,000+ 3 ★ 6.19KiB

sourceditor Extension · Developer Tools 2,000+ 45 ★ 175KiB

EazyCSS Extension · Developer Tools 2,000+ 13 ★ 2.98MiB

InTab Extension · Developer Tools 2,000+ 12 ★ 11.18MiB

Edit Webpage Extension · Developer Tools 2,000+ 10 ★ 12.55KiB

Inspector Saver Extension · Developer Tools 2,000+ 5 ★ 135KiB

DragDropr - Drag & Drop Page Builder Extension · Developer Tools 2,000+ 3 ★ 69.55KiB

Jinno: code any React component with AI Extension · Developer Tools 2,000+ 38 ★ 18.37MiB

Page Manipulator Extension · Developer Tools 2,000+ 35 ★ 2.17MiB

User reviews

SetupEditor (ID: 00000060110fab27) Voted 3 ★ - Updated 10/30/2023 please add option for change color of text and one option for change font. Great tool

Nicole Babovich (ID: 000000191f9c7016) Voted 5 ★ - Updated 05/31/2023 It is really easy to use

Quincy (ID: 000000d44096d2fa) Voted 3 ★ - Updated 04/02/2022 doesn't save changes when you reload

alaska Canyon (ID: 00000015a5c13dd7) Voted 5 ★ - Updated 02/17/2022 please add option for change color of text and one option for change font. Great tool

Bartosz Petryński (ID: 000000129caf95d0) Voted 5 ★ - Updated 09/27/2021 Great! Works, and even prevents buttons to be clicked. Much better than any other extension that uses design mode.

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

Design Mode - Page's Rich Text Editor