Firefox Browser Add-ons
  • Extensions
  • Themes
    • for Firefox
    • Dictionaries & Language Packs
    • Other Browser Sites
    • Add-ons for Android
Log in
Preview of Edit with Sublime Text

Edit with Sublime Text by Joe Ertaba

Edit an HTML element with Sublime Text editor with real-time updates

4 (4 reviews)4 (4 reviews)
50 Users50 Users
You'll need Firefox to use this extension
Download Firefox and get the extension
Download file

Extension Metadata

Screenshots
About this extension
With this extension, the content of an HTML node element can be edited in Sublime Text 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.

There are two methods to send an HTML node 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.

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
Note: As of version 0.1.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
Note: 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 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:
http://add0n.com/edit-as-html.html

For bug reports use:
https://github.com/belaviyo/edit-as-html/issues
Rated 4 by 4 reviewers
Log in to rate this extension
There are no ratings yet

Star rating saved

5
3
4
0
3
0
2
0
1
1
Read all 4 reviews
Permissions and dataLearn more

Required permissions:

  • Exchange messages with programs other than Firefox
  • Display notifications to you

Optional permissions:

  • Download files and read and modify the browser’s download history
  • Access your data for all websites
More information
Add-on Links
  • Homepage
  • Support site
Version
0.1.5
Size
143.74 KB
Last updated
5 years ago (Mar 14, 2020)
Related Categories
  • Web Development
  • Appearance
License
Mozilla Public License 2.0
Privacy Policy
Read the privacy policy for this add-on
Version History
  • See all versions
Add to collection
Report this add-on
Support this developer

The developer of this extension asks that you help support its continued development by making a small contribution.

Contribute now

Release notes for 0.1.5
removing unnecessary permissions
More extensions by Joe Ertaba
  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

  • There are no ratings yet

Go to Mozilla's homepage

Add-ons

  • About
  • Firefox Add-ons Blog
  • Extension Workshop
  • Developer Hub
  • Developer Policies
  • Community Blog
  • Forum
  • Report a bug
  • Review Guide

Browsers

  • Desktop
  • Mobile
  • Enterprise

Products

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacy
  • Cookies
  • Legal

Except where otherwise noted, content on this site is licensed under the Creative Commons Attribution Share-Alike License v3.0 or any later version.