English
See more
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
Extension ID
Languages Support
Permissions
Https://*/*
Http://*/*
See more
Http://*/*
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
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
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
