{"id":340,"date":"2006-07-29T04:12:44","date_gmt":"2006-07-29T04:12:44","guid":{"rendered":"http:\/\/www.intmath.com\/blog\/?p=340"},"modified":"2011-09-16T06:32:19","modified_gmt":"2011-09-15T22:32:19","slug":"review-of-free-html-editors","status":"publish","type":"post","link":"https:\/\/www.intmath.com\/blog\/computers\/review-of-free-html-editors-340","title":{"rendered":"Review of free HTML editors"},"content":{"rendered":"<p>In the comparison review below:<br \/>\n<a href=\"#pagebreeze\">PageBreeze<\/a><br \/>\n<a href=\"#fpe\">Front Page Express<\/a><br \/>\n<a href=\"#PSPad\">PSPad<\/a><br \/>\n<a href=\"#Nvu\">Nvu<\/a><br \/>\nBefore using any of these editors, check them carefully for viruses and spyware.<br \/>\n<a name=\"pagebreeze\"><\/a><\/p>\n<h2>PageBreeze HTML Editor<\/h2>\n<p>The free version of PageBreeze HTML Editor is a simple WYSIWYG editor. It has the usual icons for bold, italic, underline, numbered lists, bullet lists and so on.<\/p>\n<p><img id=\"image343\" src=\"\/blog\/wp-content\/images\/2006\/07\/pagebreeze3.gif\" alt=\"PageBreeze\" \/><\/p>\n<p><img id=\"image344\" src=\"\/blog\/wp-content\/images\/2006\/07\/pagebreeze1.gif\" alt=\"Pagebreeze\" \/><\/p>\n<p>There are 4 tabbed areas for editing and viewing your HTML masterpieces:<br \/>\n<img id=\"image345\" src=\"\/blog\/wp-content\/images\/2006\/07\/pagebreeze2.gif\" alt=\"Pagebreeze\" \/><\/p>\n<ol>\n<li>Normal - for basic WYSIWYG editing<\/li>\n<li>Page Properties - for changing page title and inserting Keywords and Description meta tags. There is also a small text editing area for editing the CSS stylesheet<\/li>\n<li>HTML source - for seeing and editing the HTML coding behind the page (this is handy when the WYSIWYG editor does not give you what you want)<\/li>\n<li>Internet Explorer preview<\/li>\n<\/ol>\n<p>On the left is a handy Explorer-like \"Files\" tab:<br \/>\n<img id=\"image346\" src=\"\/blog\/wp-content\/images\/2006\/07\/pagebreeze5.gif\" alt=\"Files\" \/><br \/>\nIn the \"Form Builder\" tab are drag and drop icons for Text box, Radio button, etc. There's even a form validation option which creates javascript validation code.<\/p>\n<p><b>Conclusion:<\/b> This editor is only so-so. Things I don't like are:<\/p>\n<ul>\n<li>The code that is created is sometimes deprecated (like the &lt;font> tag in the following example):<\/li>\n<\/ul>\n<pre>&lt;blockquote dir=\"ltr\" style=\"MARGIN-RIGHT: 0px\">\r\n  &lt;p>&lt;font color=\"#008080\" face=Verdana>My text&lt;\/font>&lt;\/p>\r\n&lt;\/blockquote><\/pre>\n<ul>\n<li>The CSS editor is small and inconvenient - and rather confusing<\/li>\n<li>Why only Internet Explorer preview? Any serious developer will need to preview in Firefox, Opera, Netscape and other browsers.<\/li>\n<li>Sometimes surprising things happen, like you enter some text and go to view the HTML source and all your text disappears (I think this is because you can save any HTML as a template and it must be stripping off the content for this purpose. Pretty irritating, though. It happened to me several times.)<\/li>\n<\/ul>\n<p>Enough - it's not my favourite editor, but it is free...<\/p>\n<p>Download from: <a href=\"http:\/\/www.pagebreeze.com\/\">PageBreeze.com<\/a>.<br \/>\n<a name=\"fpe\"><\/a><\/p>\n<hr>\n<h2>Frontpage Express<\/h2>\n<div class=\"imgLeft\"><img loading=\"lazy\" id=\"image375\" src=\"\/blog\/wp-content\/images\/2006\/08\/FPE.gif\" alt=\"FPE\" width=\"19\" height=\"19\" \/><\/div>\n<p>I have used Frontpage Express since it first appeared as a freebie on the Windows 98 CD. <\/p>\n<p>Frontpage Express is a simple WYSIWYG editor and it gives clean, tidy HTML. The interface is similar to PageBreeze (bold, italic, dot points, etc) but to view the generated HTML code, you have to open a dialog box, which is not so convenient.<\/p>\n<p>Being an old editor, it does not recognise CSS or &lt;div> tags. In fact, it will strip out tags it doesn't recognise. Like PageBreeze, it produces a lot of deprecated code (not surprising, given its age). But for a quick and easy way to do text, images, tables and simple formatting, it is just fine.<\/p>\n<hr>\n<p><a name=\"PSPad\"><\/a><\/p>\n<h2>PSPad<\/h2>\n<p>PSPad is a sophisticated text editor, but it does not have WYSIWYG capabilities. I use it more than any other editor, because I can edit a large range of things:<\/p>\n<ul>\n<li>text<\/li>\n<li>HTML<\/li>\n<li>PHP<\/li>\n<li>javascript<\/li>\n<li>perl<\/li>\n<\/ul>\n<p>...plus about 10 other things I don't use yet.<\/p>\n<p>PSPad has many coding aids, like colour coding of tags, HTML Tidy (which cleans up your code), auto-completion of tags (which I always disable because it's not the way I work), good search and replace functionality, a text comparison feature and an Explorer-like file finder similar to PageBreeze. You can remove all HTML tags to produce a text-only file.<\/p>\n<p>PSPad has an in-built FTP facility which makes uploading files to your server very convenient.<\/p>\n<p>Overall, PSPad is my favourite editor. While it is not WYSIWYG, it has so many other powerful features that I find myself using it all the time.<\/p>\n<p>Download from <a href=\"http:\/\/www.pspad.com\/\">PSPad.com<\/a>.<\/p>\n<hr>\n<p><a name=\"Nvu\"><\/a><\/p>\n<h2>Nvu<\/h2>\n<p>Nvu is open source and is standards-compliant. That's great, but I rarely use it because I find the algorithms used for producing CSS-based HTML are odd.<\/p>\n<p>For example, the blockquote icon does not give blockquote - it gives a paragraph that has a left margin of 30px. This is not convenient for styling purposes.<\/p>\n<p>Also, a hard carriage return gives &lt;br> tag, not a new &lt;p> as expected.<\/p>\n<p>Nvu is certainly worth a try, but it's not my favourite.<\/p>\n<p>Download from: <a href=\"http:\/\/www.nvu.com\/\">Nvu.com<\/a>.<\/p>\n<hr \/>\n<p class=\"alt\">See the <a href=\"https:\/\/www.intmath.com\/blog\/computers\/review-of-free-html-editors-340#comments\" id=\"comms\">10 Comments<\/a> below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the comparison review below: PageBreeze Front Page Express PSPad Nvu Before using any of these editors, check them carefully for viruses and spyware. PageBreeze HTML Editor The free version of PageBreeze HTML Editor is a simple WYSIWYG editor. It has the usual icons for bold, italic, underline, numbered lists, bullet lists and so on. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mo_disable_npp":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts\/340"}],"collection":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/comments?post=340"}],"version-history":[{"count":0,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts\/340\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/media?parent=340"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/categories?post=340"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/tags?post=340"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}