{"id":2019,"date":"2024-05-20T16:44:59","date_gmt":"2024-05-20T13:44:59","guid":{"rendered":"https:\/\/html-online.com\/articles\/?p=2019"},"modified":"2026-04-01T15:33:24","modified_gmt":"2026-04-01T12:33:24","slug":"major-html-editor-facelift-and-new-features","status":"publish","type":"post","link":"https:\/\/html-online.com\/articles\/major-html-editor-facelift-and-new-features\/","title":{"rendered":"Major HTML Editor Facelift And New Features"},"content":{"rendered":"

I gave the online HTML editor<\/a> a major facelift and moved it to the home page. The navigation of the entire site has been changed and I cleaned up the articles. In this short article I’m going to present the most important recent changes on the website.<\/strong>
\n
\nAs the year draws to a close, I am thrilled to unveil a fresh and dynamic facelift for HTML-Online. Our team has worked tirelessly to reimagine and revitalize the digital space we call home. I hope you will like and use the new features.<\/p>\n

New HTML Editor Features<\/h2>\n

1. Perform individual cleaning options one by one.<\/h3>\n

This change lies behind the gear icon <\/span>, next to the main Clean<\/strong> button. Previously, we had to select some cleaning options and perform the cleaning to execute the checked options. I added a little ><\/strong> icon after each option in the list. Clicking one of these arrows, the program executes only one option.<\/p>\n

\"new<\/p>\n

2. New design<\/h3>\n

The interface received a facelift with Simple Line Icons<\/a>, added Raleway font<\/a> and more vivid colors which hopefully will be more appealing to the eye and will be easier to use.<\/p>\n

\"new<\/p>\n

3. New site navigation<\/h3>\n

Using HTMLmenu<\/a>, we generated a new site navigation. It still lists the same online HTML-CSS-JavaScript tools<\/a> as previously, but now it looks more appealing.<\/p>\n

\"old
\nThe old navigation was harder to use<\/em><\/p>\n

\"new
\nThe new menu with dropdowns<\/em><\/p>\n

4. Moved the HTML editor to the home page<\/h3>\n

The editor used to be on an inner page, html-online.com\/editor<\/a><\/em> and I noticed that Google search prioritizes the home page over the Editor page itself, when someone searches specifically for the editor page.<\/p>\n

I will try to solve this confusion by moving the editor to the home page and converting the old editor page to an AMP landing page<\/a> that redirects to the home page.<\/p>\n

\"google<\/a>
\nThe search results, before making the move<\/em><\/p>\n

5. New div table styling<\/h3>\n

The editor has a feature to convert table tags to structured div elements. Now the converter is using the industry standard classes, used by DivTable.com<\/a> and HTMLtable.com<\/a>. If you use this feature of the HTML editor then make sure to replace the .rTable<\/em> <\/strong>to .divTable<\/em> <\/strong>classes in your CSS file.<\/p>\n

6. Other minor adjustments<\/h3>\n