English
See more
Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates
Latest Version
Version
0.2.2
Update
November 29, 2023
Size
44.85KiB
Developer
Category
Users
30,000+ 
Rating
3.5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
ActiveTab
Scripting
NativeMessaging
Notifications
ContextMenus
See more
ActiveTab
Scripting
NativeMessaging
Notifications
ContextMenus
Edit with Notepad++ Extension
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.
Read more
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.
Source 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": {} }}
Read more
