Edit with Notepad++

Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates

What is Edit with Notepad++?

Edit with Notepad++ is a Chrome extension developed by joue.quroi, and its main feature is "Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates".

Extension Screenshots

screenshot

Download Edit with Notepad++ Extension CRX File

Download Edit with Notepad++ 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 facilitates the integration of Notepad++ with your web browser.

Watch the video tutorials for installation:
- Windows: https://youtu.be/xX-j-HQ8WJI
- Linux and Mac: https://youtu.be/8r756Z3wQ8M

Features:
- Modify the content of "input[type=text]," "input[type=search]," and "textarea."
- Edit the innerHTML and outerHTML of node elements.
- Make changes to CSS stylesheets.
- Edit JavaScript source code.

The extension continuously monitors local files, automatically updating node content upon detection of changes. All you need to do is save your modifications. Keep in mind that this extension relies on a native client for communication with the Notepad++ editor, and you must have the Notepad++ application installed on your operating system. Place the absolute path to the editor on the extension's options page if using the portable version.

To send an HTML element to the editor, click the browser action button once, then hover your mouse over the desired HTML element. For content-editable elements, use the right-click context menu item. Alternatively, you can employ DevTools to send an HTML element to the editor. 

Notes:
- You can edit multiple nodes simultaneously using this extension.
- Files are stored in the OS temporary directory. There is no need for manual deletion.                    

Extension Basic Information

Name Edit with Notepad++ Edit with Notepad++
ID gpmjpkmohjgaimfhebdjebpgdnpcadji
Official URL https://chromewebstore.google.com/detail/edit-with-notepad++/gpmjpkmohjgaimfhebdjebpgdnpcadji
Description Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates
File Size 44.85 KB
Installation Count 30,000
Current Version 0.2.2
Last Updated 2023-11-29
Publish Date 2019-10-06
Rating 3.64/5 Total 22 Ratings
Developer joue.quroi
Email [email protected]
Payment Type free
Extension Website https://webextension.org/listing/edit-as-html.html?from=notepad
Help Page URL https://webextension.org/listing/edit-as-html.html?from=notepad
Supported Languages en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Edit with Notepad++",
    "description": "Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates",
    "version": "0.2.2",
    "homepage_url": "https:\/\/webextension.org\/listing\/edit-as-html.html?from=notepad",
    "permissions": [
        "storage",
        "activeTab",
        "scripting",
        "nativeMessaging",
        "notifications",
        "contextMenus"
    ],
    "optional_permissions": [
        "downloads"
    ],
    "optional_host_permissions": [
        "*:\/\/*\/*"
    ],
    "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"
    },
    "background": {
        "service_worker": "worker.js"
    },
    "offline_enabled": true,
    "action": [],
    "options_ui": {
        "page": "\/data\/options\/index.html"
    },
    "web_accessible_resources": [
        {
            "resources": [
                "\/data\/editor\/core.html"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ],
    "commands": {
        "_execute_action": []
    }
}