Visual editor and HTML code, side by side
Format text on the left the way you would in a word processor. Watch the tags appear on the right and edit them directly. Change either pane and the other follows, so nothing is lost between the two views.
HTML-editor: a free online HTML editor and cleaner
Copy a paragraph out of Word, drop it into your CMS, and the layout falls apart. HTML-editor sorts that out in the same window where you write: a visual pane, a source pane, and one click that strips the junk.
Opens .html, .htm and .docx up to 5 MB
Exports HTML, plain text and DOCX
Runs client-side in your tab
Your document stays in this tab. The editor runs client-side and nothing is sent to a server.
Nothing leaves the browserNo upload, no account, no copy on someone else's server.
Word files welcomeDrag in .docx, .html or .htm up to 5 MB and start cleaning.
Format or minifyReadable indentation while you edit, fewer bytes when you ship.
Hidden characters outCurly quotes, long dashes and zero-width spaces normalised in one pass.
What the editor does
Everything you need to turn rough text into publishable HTML
HTML-editor is built for fragments of markup: the blocks of HTML that go inside a blog post, a product description, a knowledge-base article or an email template. Not a site builder, and not an IDE.
Clean messy HTML in one click
Clean HTML strips the markup back to what the content actually needs. Redundant attributes, empty tags and formatting that duplicates your stylesheet all come out. Headings, paragraphs, lists and links stay.
Word in, clean HTML out, Word again
Import a .docx and the Word to HTML converter hands back your text with its structure intact. Download DOCX sends the cleaned fragment back to a Word file when a client wants to review the copy.
Find and replace with up to 10 rules
One rule handles a typo. Ten rules handle a migration. Set them up, press Apply all, and the list runs in order from top to bottom, with one undo for the whole batch.
Format for reading, minify for shipping
The HTML formatter indents the source so nested lists and tables stop reading as one endless line. Minify strips the whitespace browsers ignore anyway and returns the same fragment in fewer bytes.
Clean only the part you select
Highlight a section and run Clean selected. Everything outside the selection stays exactly as you left it, which is what you want when one pasted block is the problem and the rest of the page is fine.
One undo for a bulk change
Mass operations update both panes at once and share a single undo history. If a rule did something you did not expect, one undo takes the whole batch back.
No account, no uploads
There is nothing to sign up for. The page loads once and then runs in your browser, which is what makes it usable for confidential drafts, client copy and anything still under embargo.
The characters you cannot see
Remove em dashes, curly quotes and invisible characters
Text that has passed through a chatbot, a word processor or a web page picks up characters that are not on your keyboard. The AI symbols rule normalises the lot in a single pass.
Curly quotes become straight
A curly apostrophe inside a code sample stops the code from running. Straight quotes keep snippets valid.
Long dashes become hyphens
The dash that gives away a chatbot draft, and the one that breaks a slug or a CSV column on import.
Invisible characters removed
Displays nothing, sits in the file anyway, and quietly breaks a database match that should have worked.
Odd spacing normalised
Search for a phrase that contains one and you find nothing. After a pass, the text matches what you type.
Before and after
What one cleanup pass actually removes
A single paragraph pasted from Word on the left, the same paragraph after pressing Clean HTML on the right. The structure survives, the noise does not.
Pasted from Word 1.9 KB
<p class="MsoNormal" style="margin:0cm 0cm 8pt;
line-height:107%;font-size:11pt;
font-family:'Calibri',sans-serif">
<span style="font-size:11.0pt;
mso-fareast-font-family:'Times New Roman'">
<o:p></o:p>Quarterly report
</span>
</p>
After Clean HTML 31 B
<p>Quarterly report</p>
Bulk edits
Ten rules, one pass, one undo
Say a client rebrands. Every link on a 40-item resource page points at the old domain, the old product name sits in eight headings, and a deprecated CSS class is scattered through the markup.
- Up to 10 rules queued at once, applied top to bottom.
- Order counts, so a later rule can act on what an earlier one produced.
- Both panes update together and share one undo history.
Find and replace 4 / 10 rules
01oldsite.comnewsite.com
02class="legacy-cta"class="button"
03Acme BasicAcme Starter
04<b><strong>
Runs across both panes Apply all
Privacy
Your text never leaves your browser
Everything happens locally. Your text is processed in this browser and never sent to a server, so there is no upload, no registration and no copy of your document sitting in someone else's storage.
For a blog post going live tomorrow, that may not matter much. For other work it decides whether you can use a web tool at all. Contracts under review, patient-facing material, internal HR documents, an unpublished press release, product copy under embargo: plenty of teams have a policy against pasting any of that into a web form.
Close the tab and the document is gone. That is the trade-off of a browser-based HTML editor with no accounts. Nothing is stored for you, and nothing is stored about you.
Who uses it
Built for the block of markup, not the whole site
The common thread is the fragment: the piece of HTML that goes inside a page somebody else has already built.
Content managers
Publishing into WordPress, Shopify, Webflow, Joomla or HubSpot, and needing markup the CMS will not fight.
Bloggers and editors
Moving drafts out of Microsoft Word or Google Docs without dragging the formatting along behind them.
Anyone publishing AI drafts
Stripping long dashes, curly quotes and hidden characters before the text reaches a CMS or a database.
Email marketers
Building newsletter templates, where compact markup decides whether the message renders properly.
Developers
Wanting a scratchpad for one snippet and no reason to open an IDE for a two-minute job.
Confidential work
Legal, medical, HR and embargoed copy that cannot be pasted into a tool that uploads what you give it.
Step by step
How to use the online HTML editor in four steps
The workflow below covers the most common job: taking a Word document or a block of formatted text and turning it into clean HTML ready for a CMS.
1
Load your content
Paste it, type it, or drag in an .html, .htm or .docx file up to 5 MB. Starting from scratch works too, and the Example document gives you something to experiment on first.
2
Edit in whichever pane suits the task
Use the visual pane for headings, bold, links and lists. Switch to the source pane when you need precision: an attribute, a class, a stray <div>. Both panes always describe the same document.
3
Run the cleanup
Press Clean HTML for the whole document, or highlight a block and use Clean selected. Add the AI symbols rule when the text came from a chatbot or a web page, then read the result in the source pane.
4
Take it with you
Copy HTML for the clipboard, Copy text for markup-free plain text, Download HTML for a file, or Download DOCX when the copy has to go back to someone who works in Word.
FAQ
Questions people ask before they start
Something missing? Write to hello@phphtmledit.com and we will add it here.
Is HTML-editor really free?
Yes. No account, no trial, no paid tier holding features back. Everything described on this page works when you open the editor, including file import, cleaning, find and replace, and DOCX export.
How do I clean HTML copied from Word?
Paste the content or import the .docx file, then press Clean HTML. The HTML cleaner takes out inline styles, mso- classes and empty tags, while the headings, lists and links that carry your structure stay put.
Can I turn my HTML back into a Word document?
Yes. Download DOCX saves the current fragment as a .docx file that opens in Microsoft Word, Google Docs or LibreOffice. Handy when a reviewer wants to comment on the copy in a tool they already know.
How do I remove em dashes from AI text?
Run the AI symbols rule. It normalises long dashes, curly quotes and invisible characters such as zero-width spaces in one pass, leaving text that matches what a plain keyboard would have produced.
Do I need to know HTML to use it?
No. Work in the visual pane and format text the way you would in a word processor. The WYSIWYG side handles the tags for you. The source pane is there when you want it, and ignoring it costs you nothing.
Is my text uploaded anywhere?
No. Processing happens in your browser and the content is never sent to a server. Nothing is kept between sessions either, so copy or download your work before you close the tab.
What file size can I import?
Up to 5 MB per file, in .html, .htm or .docx format. For articles, product descriptions and email templates that is far more room than you are likely to need.
Paste in whatever is giving you trouble
Press Clean HTML and watch the source pane. If this free online HTML editor saves you the ten minutes you usually spend deleting span tags by hand, it has done its job.
No signup, nothing to install, nothing uploaded.A free HTML editor for everyday content work
Most content does not start life as HTML. It arrives as a Word file from a client, a Google Doc from a colleague, or a block of text copied out of an old page. HTML-editor exists for the step in between: an online HTML editor that shows the visual result and the underlying markup at the same time, so turning a draft into publishable code takes minutes instead of an afternoon of tag hunting.
Because it runs in the browser, there is nothing to install and no environment to configure. Open the page, work, copy the result. The same routine on a work laptop, a borrowed machine or a locked-down corporate desktop.
Why the fragment is the unit of work
A CMS already owns the header, the footer and the stylesheet. What it hands you is a box, and what goes in that box is a fragment: headings, paragraphs, lists, links, the occasional table. Tools built for whole websites treat that box as an afterthought, which is why pasted Word markup survives all the way to production.
Working on the fragment on its own also makes HTML easier to learn. Format something in the visual pane, then read the tags that appear beside it. Headings, lists, links and images all become recognisable much faster when the two views sit side by side.
