This extension allows you to easily mock-up changes to your HTML

Latest Version

Version
0.1.0
Update
April 8, 2021
Size
18.23KiB
Developer
Category
Users
609
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Https://*/*
Http://*/*
See more

HTML Editor Extension

This extension lets you easily edit HTML on your pages in real time so that you can quickly see
what your changes will look like without having to change source, and reload the page.

Simply press SHIFT + X to start the extension. You will see the current HTML element
you are hovering over highlight in red. If you press ENTER a dialog will allow you to edit
the HTML that currently exists in the element. (You can also click the element, but WARNING if you click a link,
it will follow the link and ruin your progress!).

By default, pressing ENTER or clicking an element will allow you to edit the `textContent` property.
Hold SHIFT while pressing ENTER or while clicking an element to edit its `innerHTML` property.

Simply press SHIFT + X or ESCAPE to stop the extension and go back to the normal webpage viewing mode
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "HTML Editor", "version": "0.1.0", "manifest_version": 2, "description": "This extension allows you to easily mock-up changes to your HTML", "homepage_url": "http://github.com/elunico", "icons": { "16": "icons/HtmlEditor16.png", "48": "icons/HtmlEditor48.png", "128": "icons/HtmlEditor128.png" }, "default_locale": "en", "permissions": [ "https://*/*", "http://*/*" ], "content_scripts": [ { "matches": [ "https://*/*" ], "css": [ "src/inject/inject.css" ] }, { "matches": [ "https://*/*" ], "js": [ "src/inject/inject.js" ] } ]}
Read more

Similar Extensions

icon

sourceditor Extension · Developer Tools 609 45 ★ 175KiB

icon

Page Edit Extension · Developer Tools 609 31 ★ 229KiB

icon

Redesign Extension · Developer Tools 609 2 ★ 121KiB

icon

No-Inspect Web Editor - text & Images Extension · Accessibility 609 0 ★ 9.76KiB

icon

HTML Edit Extension · Developer Tools 609 0 ★ 200KiB

icon

Edit Webpage Extension · Developer Tools 609 10 ★ 12.55KiB

icon

HTML Attributes Editor Extension · Developer Tools 609 0 ★ 12.63KiB

icon

html-editor-and-viewer Extension · Developer Tools 609 0 ★ 6.73MiB

icon

Page Manipulator Extension · Developer Tools 609 35 ★ 2.17MiB

icon

HTML Editor for Gmail by cloudHQ Extension · Social & Communication 609 342 ★ 554KiB

icon

Make Google Sites HTML Editor Bigger Extension · Productivity 609 2 ★ 9.65KiB

icon

HTML editor WebStudio for Webpages Extension · Productivity 609 28 ★ 549KiB

icon

Web Editor Extension · Developer Tools 609 29 ★ 68.98KiB

icon

Code Plunker (Live HTML CSS Editor) Extension · Developer Tools 609 8 ★ 288KiB

icon

Easy WebPage Editor Extension · Productivity 609 3 ★ 587KiB

icon

Offline WebPage Editor Extension · Productivity 609 6 ★ 15.03KiB

icon

Edit Website Extension Extension · Productivity 609 18 ★ 24.69KiB

icon

Design Mode - Page's Rich Text Editor Extension · Developer Tools 609 10 ★ 62.89KiB

icon

showHTML Extension · Developer Tools 609 2 ★ 12.59KiB

icon

Fluid Page Extension · Fun 609 11 ★ 22.93KiB

icon

Edit with Sublime Text™ Extension · Developer Tools 609 39 ★ 190KiB

icon

Page Text Editor Extension · Fun 609 3 ★ 6.19KiB

icon

Text Editor Extension · Productivity 609 23 ★ 1.59MiB

icon

Web Code Injector Extension · Developer Tools 609 5 ★ 2.36MiB