Edit with Sublime Text™
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot

Overview

Live editing text and HTML content of the page with the Sublime Text from the page context or DevTools.

This extension facilitates editing of HTML node element's content within the popular Sublime Text editor, providing real-time updates upon saving the generated temporary file. Additionally, it enables external editing of "TEXTAREA," "INPUT[type=search]," and "INPUT[type=text]" elements. There are three methods for sending content to the Sublime Editor: 1. Activate the simple inspector using the action button, click on the HTML node, and press the ESC key to cancel the operation if needed. 2. Use the DevTools "Elements" panel, where a new sub-pane is added. Select "Edit as HTML," choose an HTML node, and press the button to open the content in the Sublime Text editor. 3. Right-click on a "TEXTAREA" or "INPUT[type=text]" element and use the context menu item. This extension supports simultaneous editing of multiple nodes. Each editor has its unique temporary text file, and saving updates the content of the respective node. These files are stored in the operating system's temporary directory with random filenames. Additionally, the extension allows the DevTools panel to convert an external script or CSS resource to an internal equivalent. This functionality enables sending the content of remote resources to the external editor. File extensions used for temporary resource creation: 1. HTML -> when innerHTML or outerHTML content is sent to the external editor. 2. JS -> when editing an inline script. 3. TXT -> when editing an editable area. --- Legal "Sublime Text" is a trademark of Sublime HQ Pty Ltd, registered in the U.S. and other countries. This extension is an independent project with no affiliation to the mentioned product.

3.8 out of 537 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Ecotecture NgMar 25, 2024

I agree. It's the best!!

Review's profile picture

Leon NicedayApr 12, 2023

While it works on websites, I could not edit local html files. Can it work on those?

2 out of 2 found this helpful
Review's profile picture

JaredAug 16, 2022

Dope, af yo. I use a lot of html in my work email (tech support) and it's handy af to be able to grab an element off another webpage, make a few tweaks to it in my unregistered copy of sublime text (like the true, OG pos that I am) and go. Installation was a breeze. The one-stars on this page can suck it. Great work, dev!

1 person found this review to be helpful

Details

  • Version
    0.2.4
  • Updated
    November 22, 2023
  • Offered by
    rynu.smith
  • Size
    190KiB
  • Languages
    English
  • Developer
    Email
    rynu.smith@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Open with Visual Studio Code - Github

4.5(2)

Overrides Open in Visual Studio button on GitHub with Open in Visual Studio Code

OpenInBrowser

4.0(1)

Prevents Duplicate Tabs, while also refreshing the current tab. To be used along side of OpenInBrowser plugin for Sublime Text

Python Shell

4.2(207)

Python shell for your browser.

Code Plunker (Live HTML CSS Editor)

4.5(8)

Test your HTML,CSS,JS and Get the program output instantly!

Sublime-like tabbing

3.9(11)

This extension adds a sublime-like ctrl-p to quickly switch beteen tables, bookmarks and history

Text Editor

4.0(22)

A free, highly customizable text and code editor extension for your browser.

Edit with Notepad++

3.6(22)

Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates

HTML editor WebStudio for Webpages

2.0(28)

WebStudio, a HTML editor online to create and edit any webpage using a web browser.

Live editor for CSS, Less & Sass - Magic CSS

4.6(259)

Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...

Visual Studio Code Extension Downloader

3.7(9)

Provides download links for Visual Studio Code extensions that you're browsing on Visual Studio marketplace.

Free HTML Editor for Gmail by cloudHQ

4.2(206)

Free HTML Editor for Gmail™ - code HTML email directly from Gmail

Open with Notepad++

4.1(197)

Easily open desired links in Notepad++

Open with Visual Studio Code - Github

4.5(2)

Overrides Open in Visual Studio button on GitHub with Open in Visual Studio Code

OpenInBrowser

4.0(1)

Prevents Duplicate Tabs, while also refreshing the current tab. To be used along side of OpenInBrowser plugin for Sublime Text

Python Shell

4.2(207)

Python shell for your browser.

Code Plunker (Live HTML CSS Editor)

4.5(8)

Test your HTML,CSS,JS and Get the program output instantly!

Sublime-like tabbing

3.9(11)

This extension adds a sublime-like ctrl-p to quickly switch beteen tables, bookmarks and history

Text Editor

4.0(22)

A free, highly customizable text and code editor extension for your browser.

Edit with Notepad++

3.6(22)

Edit content of text area elements, or inner and outer HTML of node elements in Notepad++ text editor with real-time updates

HTML editor WebStudio for Webpages

2.0(28)

WebStudio, a HTML editor online to create and edit any webpage using a web browser.

Google apps