HTMLPad

HTMLPad

 

HTMLPad is an intelligent all-in-one HTML, CSS and JavaScript editor, trusted by thousands ofprofessionals and learners in over 50 countries. Packed with sophisticated features and tools, HTMLPad enables you to create, edit, validate, reuse, navigate and deploy your HTML, CSS and JavaScript code faster and easier than ever. HTMLPad includes full-blown CSS studio and a powerful JavaScript editor offering you the best value.

• Quick and lightweight
  Loads much faster than any other editor or IDE with similar features
• Powerful syntax highlighting Updated!
  Supports HTML, CSS, JavaScript, PHP, XML, ASP, Perl and more
• Code intelligence Updated!
  Tons of intelligent code completion, navigation and suggestion features
• Smart code re-use
  Code snippet library and code templates with assignable shortcuts

• HTML5 and CSS3 ready Updated!
  Coding features are up-to-date with modern HTML5 and CSS3 standards
• Direct FTP/SFTP/FTPS Updated!
  Edit directly on your web server or publish local development copy updates with a single click
• Browser preview Updated!
  Built-in multi-browser preview, split-screen mode, screen-size testing, XRay
• Advanced search and replace
  Quick search, detailed search, file search, regular expression support, detailed results and more

• Powerful HTML tools Updated!
  Tag matching, HTML Tidy, HTML inspector, HTML assistants and more
• Powerful CSS features Updated!
  CSS inspector, compatibility watch, prefixizer, shadow assistant, box assistants and much more
• Powerful JavaScript editor
  JavaScript editor with auto complete, language tools and more
• Integrated validation Updated!
  Spell checker, W3 HTML and CSS validator, CSS checker, JSLint JavaScript checker

Why switch to HTMLPad?

• Save time & increase productivity
  HTMLPad combines speed of a simple editor and power of a full-size development environments allowing you to work much faster.
• Switching is easy
  Interface and behavior is consistent with other editors. All essential features are right where they should be.
• Fully customizable
  You can adjust text editor, menus, toolbars, shortcut keys and everything else to fit your needs perfectly.
• Incredible all-in-one package
  Create, edit, validate and manage HTML, CSS, JavaScript within a single program!

How is HTMLPad better?

• Faster startup
  Unlike with other web development editors, you do not have to wait while it loads.
• No clutter
  HTMLPad is quick, clean and lightweight. It very powerful, yet not stuffed with useless buttons or panels.
• Superb FTP/SFTP/FTPS features
  Upload/update your online website files in a just few clicks.
• A lot of integrated tools
  Syntax checkers, validators, debuggers, beautifiers, CSS prefixizer etc.

Best HTML editor for learners

HTMLPad is very easy to learn and use. It works like a simple text editor, but offers a lot of helpful features such as HTML and CSS wizards and instant code-snippets, browser preview and more. HTMLPad actually helps you learn web coding and make less mistakes.

HTML5 editor with a twist

Unlike visual HTML editing tools, text-based editors allows you to work on a professional level and produce quality code. HTMLPad HTML5 editor goes one step further and gives you tools for managing, testing and validating your code.

Detailed feature list

Text editor

• Syntax highlighting
  HTML, CSS, JavaScript, VBScript, PHP, ASP, XML, WML, Perl, SASS, LESS
• Advanced text editor
  Line numbering, gutter, margin, word wrap, block select and more
• Unicode support
  UTF-8, UTF-8 without BOM, UTF-16
• Code folding
• Line highlighting
• Macro recorder

Search & navigate

• Go to anything
  Instantly jump to any file, symbol, word or line
• Multi-highlighting
  All instances of the selected text are highlighted
• Search and replace
  Quick search, detailed search, regular expressions, detailed results and more
• Search and replace in files
• Superb navigation
  Advanced bookmarks and quick jumps between recent places
• Bracket highlighting
• HTML tag highlighting
  Easily detect matching and missing tags

Keystroke savers

• Auto brackets
• Auto quotes
• Smart Copy and Cut
  If nothing is selected, word at cursor is cut/copied (usual shortcuts)
• Smart Paste
  If nothing is selected, word at cursor is replaced (default shortcut Shift+Ctrl+V)
• Emmet plugin

Preview

• Built-in preview
  Chrome and IE rendering, split-screen mode, screen-size testing
• XRay for HTML/CSS
• One-click preview in web browser
• Preview via web server
  external or built-in

Language tools

• Code intelligence
  HTML, CSS, JavaScript
• Code explorer/navigator
  HTML, CSS, JavaScript
• Integration with online reference
  HTML, CSS, JavaScript

HTML and CSS

• HTML and CSS inspector
• HTML assistants
• HTML tag auto-close
• CSS assistants
  box editor, gradient editor, shadow editor
• Support for mobile development
  viewport assistant, CSS media queries
• Support for Google fonts
• CSS code beautifier
• Built-in CSS prefixizer
• SASS and LESS support
• Integration with W3 validators
  HTML and CSS
• Integration with CSE HTML Validator
• Integration with HTML Tidy for HTML5

JavaScript

• jQuery support
• JavaScript code beautifier
• Integration with JSLint

File management

• Built-in file explorer
• Edit/save directly on FTP/SFTP/FTPS server or quickly publish all changed files
• Built-in FTP/SFTP/FTPS browser
• Project management
  Maintain separate projects, search within project, publish changes with a single click
• SVN and Git integration
  with TortoiseSVN and TortoiseGit
• One-click HTML publishing
  Publish HTML file and all linked files (images, css, js) get uploaded too

User interface

• Both tabbed and MDI interface
• Quick interface switching
  Hide/show all side panels with a single key
• Detailed customization
  Workspace layout, keyboard shortcuts, text editor behavior, toolbars and menus etc.

Other

• HTML color picker
  Pick-from-screen feature, file colors, project colors, color palettes, lightness adjustment, rgb/rgba/hsl/hsla support
• Inline ToDo
  with TODO, FIXME and CHANGED markers
• Multi-item clipboard
• Code snippet library
  Code templates, assignable shortcuts
• Easy settings import/export
• Crash recovery system
• Diff tool integration

Produce comparison

Feature	Rapid CSS Editor	HTMLPad	Rapid PHP Editor	WeBuilder
Base features	√	√	√	√
HTML support	√	√	√	√
CSS support	√	√	√	√
JavaScript support		√	√	√
PHP support			√	√
Smarty support			√	√
Run from USB			√	√
SQL connectivity			√	√
Built-in web server			√	√
Apache support			√	√
Ruby support				√
ASP and ASP.Net support				√
Python support				√