Edit with Notepad++ Chrome Extension

edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates.
This extension offers integration of Notepad++ with your browser

Video Tutorials:

Windows: https://youtu.be/xX-j-HQ8WJI

Linux and Mac: https://youtu.be/8r756Z3wQ8M

Features:

Edit content of "input[type=text]", "input[type=search]", and "textarea"

edit innerhtml and outerHTML of node elements

Edit CSS stylesheets

Edit JavaScript source code

The extension monitors the local file in real-time, and when changes are observed, the content of the node gets edited. The only thing that you need to do is to save changes. Note that this extension requires a native client to be able to communicate with the Nodepad++ editor. Also, you need to have the Nodepad++ application installed on your operating system. If you are using a portable version, go to the options page of the extension and see the absolute path of the editor.

To send an HTML element to the editor, click on the browser action button once. Now place your mouse over the HTML element that you need to interact with.

To edit a content editable element, use the right-click context menu item

To send an HTML element to the editor, you can also use the DevTools. Open the DevTools and switch to the inspect tab, select the desired element and in the right-panel, click on the "Edit with Notepad++" panel.

Note: You can edit multiple nodes simultaneously with this extension

Note: Files are stored in the os temporary directory, so there is no need to delete them manually

How to install Edit with Notepad++ chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Edit with Notepad++ Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Edit with Notepad++ Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Edit with Notepad++ in Chrome Webstore Search and click on the search button.
• Step 3: click on the Edit with Notepad++ Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Edit with Notepad++ extension for your Chrome Web browser .