Live editing text and HTML content of the page with the Sublime Text from the page context or DevTools.
With this extension, the content of an HTML node element can be edited in the well-known Sublime Text editor with real-time updates upon saving of the generated temporary file. It is also possible to use this extension to edit "TEXTAREA", "INPUT[type=search]" and "INPUT[type=text]" elements externally.
There are three methods to send contents to the Sublime Editor
1. Use the toolbar button to activate the simple inspector. Then click on the HTML node. To cancel the operation, press the ESC key.
2. Use the DevTools "Elements" panel. A new sub-pane is added to this panel. Select "Edit as HTML", then select an HTML node. When you are ready, press the button to open the content in the Sublime Text editor.
3. Right-click on a "TEXTAREA" and "INPUT[type=text]" element and use the context menu item.
This extension is capable of editing multiple nodes at once. Each editor has its own unique temporary text file, and upon saving the content of its node gets updated. These files are saved on your operating system's temporary directory with a random filename.
With this extension, you can use the DevTools panel to convert an external script or an external CSS resource to an internal equivalent. This way, the content of these remote resources can be sent to the external editor.
The following file extensions are used when a temporary resource is created:
1. HTML -> if innerHTML or outerHTML content is sent to the external editor
2. JS -> if an inline script is being edited
3. TXT -> If an editable area is being edited
Sublime Text is a trademark of Sublime HQ Pty Ltd, registered in the U.S. and other countries. This extension is an independent project and has no relationship with this product.