{"id":343,"date":"2019-03-14T14:55:00","date_gmt":"2019-03-14T12:55:00","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=343"},"modified":"2026-04-01T15:35:35","modified_gmt":"2026-04-01T12:35:35","slug":"html-editor-tools","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/html-editor-tools\/","title":{"rendered":"Presenting The New HTML Editor Tools Website"},"content":{"rendered":"

Today I’d like to talk about a new website that collects the best HTML tools. Similar to our online HTML editor<\/a>, but in this case the cleaning options are always visible and you can perform them individually with a click of a button<\/a>.<\/strong><\/p>\n

\"html<\/p>\n

Some features are missing, like the on-page color picker, the jibberish text generator or the find-and-replace tool but you can find outbound links to these resources. Find reference to the cheat sheets, the table generator, website templates, RGB color picker<\/a> and more in the sidebar.<\/p>\n

We’ve talked about it enough, go ahead and open HTMLEditor.Tools<\/a> in your browser to give it a try. There’s nothing to download and install, all you have to do is open a website. It’s advised to use the markup below to test the options before you use it on a live website, or on a content that will be published.<\/strong><\/p>\n

<h3<\/span> class<\/span>=\"centeredText\"<\/span>><\/span><span<\/span> style<\/span>=\"text-decoration: underline; color: #e34f26;\"<\/span>><\/span>Click here<\/span<\/span>><\/span> to edit this demo<\/h3<\/span>><\/span>\n<!-- This comment is visible only in the source editor --><\/span>\n<p<\/span>><\/span><img<\/span> class<\/span>=\"imageRight\"<\/span> style<\/span>=\"width: 53px; height: 60px;\"<\/span> src<\/span>=\"https:\/\/htmleditor.tools\/img\/html-editor-tools.png\"<\/span> alt<\/span>=\"HTML editor tools\"<\/span> \/><\/span>This is a demo text where you can experiment with the <strong<\/span> class<\/span>=\"orangeText\"<\/span>><\/span>HTML Editor&nbsp;<\/span><\/strong<\/span>><\/span>features. See how the visual and source editors are instantly changing each other.<\/p<\/span>><\/span>\n<p<\/span>><\/span>Test the cleaning options and the toolbars of the two editors.<\/p<\/span>><\/span>\n<p<\/span>><\/span>&nbsp;<\/span><\/p<\/span>><\/span>\n<table<\/span> style<\/span>=\"height: 164px;\"<\/span> width<\/span>=\"378\"<\/span>><\/span>\n    <tbody<\/span>><\/span>\n        <tr<\/span>><\/span>\n            <td<\/span> colspan<\/span>=\"2\"<\/span>><\/span><strong<\/span>><\/span>This is a table.<\/strong<\/span>><\/span><\/td<\/span>><\/span>\n        <\/tr<\/span>><\/span>\n        <tr<\/span>><\/span>\n            <td<\/span>><\/span>HTML <span<\/span> style<\/span>=\"text-decoration: underline;\"<\/span>><\/span>image<\/span<\/span>><\/span>:<\/td<\/span>><\/span>\n            <td<\/span> style<\/span>=\"text-align: center; width: 266px;\"<\/span>><\/span><img<\/span> src<\/span>=\"https:\/\/htmleditor.tools\/img\/smiley.png\"<\/span> alt<\/span>=\"smiley\"<\/span> \/><\/span>&nbsp;<\/span><em<\/span>><\/span>Hi, I am &Ouml;<\/span>d&ouml;<\/span>nke!<\/em<\/span>><\/span><\/td<\/span>><\/span>\n        <\/tr<\/span>><\/span>\n        <tr<\/span>><\/span>\n            <td<\/span>><\/span>A text link:<\/td<\/span>><\/span>\n            <td<\/span>><\/span>&nbsp;<\/span> &nbsp;<\/span> <a<\/span> href<\/span>=\"https:\/\/html6.com\/\"<\/span>><\/span>Click here<\/a<\/span>><\/span> for more features!&nbsp;<\/span><\/td<\/span>><\/span>\n        <\/tr<\/span>><\/span>\n    <\/tbody<\/span>><\/span>\n<\/table<\/span>><\/span>\n<p<\/span>><\/span>Copy-paste any document in the WYSIWYG editor to <span<\/span> class<\/span>=\"orangeText\"<\/span>><\/span>convert<\/span<\/span>><\/span> it to HTML code.<\/p<\/span>><\/span>\n<\/pre>\n
How to use the HTML Editor?<\/h2>\n
Scroll down the page to find out what is the HTML editor and how it works. Read about the WYSIWYG<\/abbr> editor<\/a> and the linked source composer which change each other as you’re typing in one of them. The toolbars of the two text areas is briefly presented. Learn about the HTML cleaning features and about how to convert visual documents to web code.<\/p>\n
I hope you will find this tool useful and it will help you a lot in your everyday work in the process of publishing articles on the web. Don’t keep this to yourself, share it with your friends to help them too!<\/p>\n","protected":false},"excerpt":{"rendered":"
Today I’d like to talk about a new website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform them individually with a click of a button.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3,4,8],"tags":[],"class_list":["post-343","post","type-post","status-publish","format-standard","hentry","category-articles","category-freebies","category-html","category-tools"],"yoast_head":"\nPresenting The New HTML Editor Tools Website<\/title>\n<meta name=\"description\" content=\"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/html-online.com\/articles\/html-editor-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Presenting The New HTML Editor Tools Website\" \/>\n<meta property=\"og:description\" content=\"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform\" \/>\n<meta property=\"og:url\" content=\"https:\/\/html-online.com\/articles\/html-editor-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"HTML Online\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/htmlcoding\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-14T12:55:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T12:35:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg\" \/>\n<meta name=\"author\" content=\"HTML Editor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"HTML Editor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/\"},\"author\":{\"name\":\"HTML Editor\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\"},\"headline\":\"Presenting The New HTML Editor Tools Website\",\"datePublished\":\"2019-03-14T12:55:00+00:00\",\"dateModified\":\"2026-04-01T12:35:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/\"},\"wordCount\":273,\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg\",\"articleSection\":[\"Articles\",\"Freebies\",\"HTML\",\"Tools\"],\"inLanguage\":\"en-GB\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/\",\"url\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/\",\"name\":\"Presenting The New HTML Editor Tools Website\",\"isPartOf\":{\"@id\":\"https:\/\/html-online.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg\",\"datePublished\":\"2019-03-14T12:55:00+00:00\",\"dateModified\":\"2026-04-01T12:35:35+00:00\",\"description\":\"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform\",\"breadcrumb\":{\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/html-online.com\/articles\/html-editor-tools\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg\",\"width\":600,\"height\":346,\"caption\":\"html editor tools\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/html-online.com\/articles\/html-editor-tools\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/html-online.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Presenting The New HTML Editor Tools Website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/html-online.com\/articles\/#website\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"name\":\"HTML Online Articles\",\"description\":\"Tips, tricks, tutorials\u2026\",\"publisher\":{\"@id\":\"https:\/\/html-online.com\/articles\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/html-online.com\/articles\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/html-online.com\/articles\/#organization\",\"name\":\"HTML Online\",\"url\":\"https:\/\/html-online.com\/articles\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"contentUrl\":\"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg\",\"width\":350,\"height\":350,\"caption\":\"HTML Online\"},\"image\":{\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/htmlcoding\/\",\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d\",\"name\":\"HTML Editor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g\",\"caption\":\"HTML Editor\"},\"description\":\"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/ferencdenes\/\",\"https:\/\/www.youtube.com\/@htmlg\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Presenting The New HTML Editor Tools Website","description":"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/html-online.com\/articles\/html-editor-tools\/","og_locale":"en_GB","og_type":"article","og_title":"Presenting The New HTML Editor Tools Website","og_description":"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform","og_url":"https:\/\/html-online.com\/articles\/html-editor-tools\/","og_site_name":"HTML Online","article_publisher":"https:\/\/www.facebook.com\/htmlcoding\/","article_published_time":"2019-03-14T12:55:00+00:00","article_modified_time":"2026-04-01T12:35:35+00:00","og_image":[{"url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg","type":"","width":"","height":""}],"author":"HTML Editor","twitter_card":"summary_large_image","twitter_misc":{"Written by":"HTML Editor","Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#article","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/"},"author":{"name":"HTML Editor","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d"},"headline":"Presenting The New HTML Editor Tools Website","datePublished":"2019-03-14T12:55:00+00:00","dateModified":"2026-04-01T12:35:35+00:00","mainEntityOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/"},"wordCount":273,"publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg","articleSection":["Articles","Freebies","HTML","Tools"],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/","url":"https:\/\/html-online.com\/articles\/html-editor-tools\/","name":"Presenting The New HTML Editor Tools Website","isPartOf":{"@id":"https:\/\/html-online.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage"},"image":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg","datePublished":"2019-03-14T12:55:00+00:00","dateModified":"2026-04-01T12:35:35+00:00","description":"website that collects the best HTML tools. Similar to our online HTML editor, but in this case the cleaning options are always visible and you can perform","breadcrumb":{"@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/html-online.com\/articles\/html-editor-tools\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#primaryimage","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2017\/09\/html-editor-tools.jpg","width":600,"height":346,"caption":"html editor tools"},{"@type":"BreadcrumbList","@id":"https:\/\/html-online.com\/articles\/html-editor-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/html-online.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Presenting The New HTML Editor Tools Website"}]},{"@type":"WebSite","@id":"https:\/\/html-online.com\/articles\/#website","url":"https:\/\/html-online.com\/articles\/","name":"HTML Online Articles","description":"Tips, tricks, tutorials\u2026","publisher":{"@id":"https:\/\/html-online.com\/articles\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/html-online.com\/articles\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/html-online.com\/articles\/#organization","name":"HTML Online","url":"https:\/\/html-online.com\/articles\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/","url":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","contentUrl":"https:\/\/html-online.com\/articles\/wp-content\/uploads\/2022\/06\/logo.jpg","width":350,"height":350,"caption":"HTML Online"},"image":{"@id":"https:\/\/html-online.com\/articles\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/htmlcoding\/","https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/channel\/UCn38Jw1sJzbjVHO95Zp0Sww"]},{"@type":"Person","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/019f9afa07f209153df0fecfc90b8c1d","name":"HTML Editor","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/html-online.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7c1d8f5e7f1dc3e261766a96ac50c6a907fa5c236e87ab73379c57c9114e92cd?s=96&d=mm&r=g","caption":"HTML Editor"},"description":"In 2013, while wrestling with a mountain of client articles and an uncooperative CMS, I decided enough was enough. So, I created an online HTML editor purely out of necessity (and mild frustration). What began as a tool for my own sanity quickly evolved into a gift for the world\u2014or at least for anyone trying to avoid breaking their website's code. Since then, I've shared my tech notes on my blog, which serves as both a handy reference and a digital diary of the adventures and misadventures of a coder.","sameAs":["https:\/\/www.linkedin.com\/in\/ferencdenes\/","https:\/\/www.youtube.com\/@htmlg"]}]}},"_links":{"self":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":3,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/343\/revisions"}],"predecessor-version":[{"id":2576,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/posts\/343\/revisions\/2576"}],"wp:attachment":[{"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/media?parent=343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/categories?post=343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html-online.com\/articles\/wp-json\/wp\/v2\/tags?post=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}