To edit a content editable element, use the right-click context menu item Now place your mouse over the HTML element that you need to interact with. To send an HTML element to the editor, click on the browser action button once. If you are using a portable version, go to the options page of the extension and see the absolute path of the editor. Also, you need to have the Nodepad++ application installed on your operating system. Note that this extension requires a native client to be able to communicate with the Nodepad++ editor. The only thing that you need to do is to save changes.

The extension monitors the local file in real-time, and when changes are observed, the content of the node gets edited. The graphical interface is entirely customisable if you want to increase font size and change colours.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Įdit content of 'input', 'input', and 'textarea'Įdit innerHTML and outerHTML of node elements You can get to this view by right clicking the tab of an open file and choosing Move to Other View. I like to open two SQL databases side by side to compare the code: Sometimes I create plugins for WordPress and Notepad++ works absolutely fine, especially if there’s no visual dashboard for the plugin which means no CSS and no visual referencing is needed.īy the way, if you need to edit SQL files and you don’t have Dreamweaver, get Notepad++ for that too. When working on WordPress sites, the files I edit the most are wp-config.php, style.css and functions.php. Notepad++ is not a WYSIWYG editor, which is fine if I already know what line of code needs changing without having to load up the much slower Dreamweaver. I started out using Adobe Dreamweaver for most of my website design and development, mainly because it is a What You See is What You Get (WYSIWYG) editor useful for checking HTML containers. It supports multiple languages including HTML, CSS and PHP, which is widely regarded as the holy trinity of web design. Open source software has to be one of the best things about the internet, and one of the best applications I have downloaded for free is the code editor NotePad++ for Windows.

Free online notepad++ editor