Draft Editor

The draft editor is a secondary HTML editor with syntax highlighting, designed for working on code separately from the main editor. It lets you keep a backup, to extract code and perform various operations without affecting your primary work. You can open or close it anytime by clicking the box icon in the header.
Send the source code and open the draft editor with the "Send text to the draft editor" icon.

The Draft Editor also opens automatically when you extract code using the attribute filter or the tag filter.

Toolbar Icons

Toggle the Draft Editor – Open or close the Draft Editor whenever needed. Your content remains intact even when you close it.

Send to Main Editor – Moves the content to the main editor and closes the Draft Editor.

Undo – Reverts the content to its last saved state.

Clear – Empties the editor for a fresh start.

Remove Duplicate Lines – Deletes repeated lines to keep your code clean.

Sort Alphabetically – Arranges lines in alphabetical order for better organization.

Close – Hides the Draft Editor while keeping your content safe.

Additional Tips

• Use the Draft Editor when you need to test changes without affecting your main work.
• It's great for quickly organizing code, cleaning up redundant lines, or testing syntax before moving to the main editor.
• Even if you close the Draft Editor, your content stays saved, so you can return to it anytime.

With the Draft Editor, you have a flexible, distraction-free space to refine your HTML code efficiently!