HTML Editor

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

What is HTML Editor?

HTML Editor is a Chrome extension developed by Thomas Povinelli, and its main feature is "This extension allows you to easily mock-up changes to your HTML".

Extension Screenshots

screenshot

Download HTML Editor Extension CRX File

Download HTML Editor extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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                    

Extension Basic Information

Name HTML Editor HTML Editor
ID jdpnokacamibfikmngoeoiaadfhlhaea
Official URL https://chromewebstore.google.com/detail/html-editor/jdpnokacamibfikmngoeoiaadfhlhaea
Description This extension allows you to easily mock-up changes to your HTML
File Size 18.23 KB
Installation Count 442
Current Version 0.1.0
Last Updated 2021-04-08
Publish Date 2021-04-08
Developer Thomas Povinelli
Email [email protected]
Payment Type free
Extension Website https://github.com/elunico/HTML-Editor
Help Page URL https://github.com/elunico/HTML-Editor
Supported Languages en
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"
            ]
        }
    ]
}