Thinking of how nice it would be if you could view a web page’s source code in your favorite source code editor while browsing with Firefox? Now you can set only several simple about:config tweaks to provide you the ability to choose the source code editor you like. It’s a great Firefox trick for web designers and developers to boost the design productivity. Have fun using your favorite source code editor with Firefox.

1. Open up about:config in your browser window.
Type “about:config” (without the quote marks) into the address bar and hit “Enter” to access the Firefox advanced setting page.

2. Type “view_source.editor.external” into the Filter address bar. Once the about:config entry is displayed, right click on the entry and select “Toggle“.

3. Type “view_source.editor.path” into the Filter address bar. Once the about:config entry is displayed, right click on the entry and select “Modify“.

4. Once you have clicked on “Modify”, you will see the following window appear asking you to “Enter string value”.

5. Enter the target path of your favorite source code editor. For example, we want to choose Notepad++ as the default source code editor, so type the path as “C:\Program Files\Notepad++\Notepad++.exe”. Click “OK” and restart your browser to complete the changes.