This webpage wasn't built with mobile devices in mind since it's a lot harder to actually accomplish anything on small touch screen devices. There are probably tons of bugs and stuff will definitely look weird but you can still continue to the site by clicking the button below. Just know that this webpage will look and work a lot better on a computer.
It looks like you are trying to open a file from Google Drive™. Sign in to Drive below to open the file or press Cancel to open another document.
Connect HTML Studio to Google Drive
There was a problem getting this document from Google Drive. Either this file doesn't exist, or the account you used to sign in doesn't have access to the file. Try logging into another account with access to the file, or press Cancel to edit another document.
Sign In
Cancel
Select a document to edit.
Saved in Google Drive™
Sign into Google Drive below to access files from Drive.
Hide from Recents
Open Document
There was a problem retrieving information for Document Title. Make sure you have an Internet connection and try again, or select another document.
There was a problem creating the document in Drive. Make sure you have an Internet connection and try again, or open another document.
Open New File
Create New File
Loading...
Sign Out
Could not connect to Google
Saved in Temporary Storage*
No recent documents in Temporary Storage.
Delete Document
Open Document
The file format for filename.extension is not allowed. Only HTML and plain text files can be opened.
Open New File
Create New File
*Documents in Temporary Storage have an expiration date 30 days after their last modification. After 30 days of inactivity on a document, it will be deleted to save space (unless it is the only file in Temporary Storage). If Temporary Storage begins to run low on space (only 5 MB of data can be saved), the oldest document(s) will be deleted until there is enough space for the newest ones. Typically, this isn't an issue since script-less HTML files rarely exceed 5 MB. To save documents permanently and without a data limit, save them into Google Drive.
Delete Document

Are you sure you want to delete the selected document from Temporary Storage? This cannot be undone and all the data for this file will be permanently deleted. Save documents to Google Drive to be able to re-open documents later.

Permanently Delete
Cancel
File
Edit
View
Style Sheets
Select
Changes saved to Drive
Connect to
Google Drive
Signed in as
User Name
(User Email)
Connect HTML Studio to Google Drive™
  • Open and edit HTML files in Google Drive
  • Save documents to Google Drive
  • Access Drive documents on other computers
Could not connect to Google
⮟ ⮟ ⮟
WARNING
This document was just deleted somewhere else and all changes made to this document are not being saved. Do you want to re-save this document or permanently delete it?
Hide from Recents
Re-add to Recents
Delete Document
Re-save Document
No, Don't Delete
Yes, Delete
Document Recovered
There was an error while uploading the document to Google Drive. It is now being saved in Temporary Storage instead.
Attempts made: #
Error code: ###
Try Again
Close
Something went wrong. This file's Google document could not be found. It is still saved in Temporary Storage. To re-save to a Google document, use File > Save > Google Drive.
Okay
Saved to Drive
You are no longer connected to the Internet. Your document has automatically been moved to Temporary Storage so you can continue editing offline. All changes will be uploaded to Drive after you reconnect.
Okay
Open File

Open a file from your computer or Google Drive to edit in a new tab.

Local File
Google Drive
Click to open a file
or drag and drop one in here
Connect to Google Drive
Connect HTML Studio to Google Drive
  • Open and edit HTML files in Google Drive
  • Save document to Google Drive
  • Access Drive documents on other computers
Could not connect to Google
Sign In
Select a file from Drive
This file format is not allowed. Only HTML and plain text files can be opened.
The file could not be read. Try switching/updating your browser.
There was a problem connecting to Google. Make sure you have an Internet connection and try again.
You can only open files you are allowed to edit. Request edit access from the document's owner (Owner Name owner_email@gmail.com) to edit in HTML Studio.
There was a problem retrieving information for this file. Make sure you have an Internet connection and try again, or open another file.
Selected File:

No File Selected

Open a file above
Open File
Close
Edit Node as HTML/XML
Save
Cancel
Edit Node Attributes
Save
Cancel
Create New File

Create a new file to edit in another tab.

Connect to Google Drive
Connect HTML Studio to Google Drive
  • Open and edit HTML files in Google Drive
  • Save document to Google Drive
  • Access Drive documents on other computers
Could not connect to Google
Sign In
There was a problem connecting to Google. Make sure you have an Internet connection and try again.
There was a problem retrieving information for the new file. Make sure you have an Internet connection and try again, or create another file.
Create New File
Cancel
Edit Styles
Save Styles
Cancel
Pasting Problems

Unfortunately, pasting elements isn't fully supported by your browser yet. You can fix this by updating/changing your browser, or following the steps below to achieve the same result.



  1. Copy an element, or any HTML markup, to insert into an element.
  2. Right click the element you want to paste the HTML element into.
  3. Select   Edit as HTML… from the context menu.
  4. Find the spot you want to insert the element at.
  5. Paste your HTML element the way you would normally paste text. (Right Click > Paste or + V)


Close
Clipboard Shortcuts

Your browser does not support this action through the context menu. Use the following shortcuts instead:


+ C + X + V
Copy Cut Paste
Close
About HTML Studio

HTML Studio

Version 2.0.1 beta

Made by Christian Figueroa
    <https://ChristianFigueroa.github.io>
    <https://github.com/ChristianFigueroa>

License

Report an Issue

Contribute

Close
License

Copyright 2017 Christian Figueroa <https://christianfigueroa.github.io>

HTML Studio is licensed under the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or any later version. View the webpages linked below for the full license.


HTML
Plain Text
Close
Create New Style Sheet

Create CSS rules below, give your new style sheet a name to remember it by, and save it.


Save Style Sheet
Cancel
Edit Style Sheet

Edit the style sheet styles below or click a to select all elements matching the corresponding CSS selector.


Save Style Sheet
Cancel
Add New Child

Select the name of the node to insert.


<div>
<p>
<span>
<a>
#text


*Adjacent text nodes are automatically combined


Position the node relative to its siblings.




Insert Node
Cancel
Save File

Download the current document as an HTML or PDF file or save it to Google Drive.


Name
File Format
Text Format
Extra Options
Indentation
Local File
Google Drive
An error occurred while saving to Google Drive. Make sure you have an Internet connection and try again.
The file was successfully saved in Drive.
Connect to Google Drive
Connect HTML Studio to Google Drive
  • Open and edit HTML files in Google Drive
  • Save document to Google Drive
  • Access Drive documents on other computers
Could not connect to Google
Sign In
Close
Edit Selected Element Color

Change the color of selected elements.

Color #1
Color #2

Live Preview

This is what a selected element will look like.
Save
Restore Default
Cancel
Move File to Drive Storage?

This document is in Temporary Storage, but was previously being saved to a document in Google Drive. Do you want to keep this document in Temporary Storage or move it back into Google Drive Storage?

Move to Drive Storage
Keep in Temporary Storage
Full Storage

Your storage is full! Only 5 MB of data are allowed in your storage. Any changes you make to the document might not be saved. Save the current document to Google Drive to save space in storage and continue editing. (---OR---) Nothing will be uploaded to Google Drive until you reconnect to the Internet.

Save to Drive
Continue without Saving
HTML Tree
You can only edit the ID of one element at a time.
You can only edit the HTML of one element at a time.