Edit an HTML element and all its child nodes in Sublime Text editor with real-time updates
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" 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 dev tools "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.
1. You can edit multiple nodes simultaneously with this extension
2. Files are stored in the OS temporary directory, so there is no need to delete them manually
3. It is possible to use the external editor to edit editable "INPUT" and "TEXTAREA" elements. This is useful if the built-in editor is not suitable or it is not resizable.
4. You can use the devtools panel to convert an external script or an external CSS resource to an internal equivalent. This way you can send the content 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
For more info please visit:
For bug reports use:
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.