HTML-Kit Tools Changelog

What's new in HTML-Kit Tools 20170321

Apr 20, 2017
  • High-resolution monitors and display scaling:
  • HTML-Kit Tools user interface has been updated to take advantage of high resolution monitors up to 4K. Regardless of the monitor, if your Windows setting for text size is over 100%, you'll notice a difference in sharpness. Your code in the editor, file explorer and many other parts of the user interface will appear more crisp than they did with previous versions.
  • Fira Code:
  • Fira Code in retina style can now be used in the main editor with a couple of clicks. To see which of the eight coding fonts works best for you, click the UI drop-down shown in the screenshot and hover over the font name for a live preview.
  • Character encoding window:
  • The character encoding window on the Actions Bar (View > Actions Bar > Channel 3 menu option), now expands to fill the available screen space.
  • Options on channel 3 for converting the selected text to HTML entities with a single click. The three new buttons can convert markup only (< > " ' &), alphabet only and both at the same time.
  • HTML Tidy (F9 key) has been update to better support HTML5.
  • Multiple ways of naming untitled documents:
  • Untitled File Name Style setting under Edit > Preferences > Files now supports The way untitled documents and tabs are named can be changed under Edit > Preferences > Files > Untitled File Name Style
  • A to Z style (default), simply appends a letter as in 'Untitled-A.html'
  • Date and Time (original style going back to early builds of HTML-Kit): 'Untitled-20170213-2207.html'
  • Animals style generates 'Untitled-sneezing-puppy.html' and other cheerful names
  • Number of matches indicator:
  • A hint indicating the number of matches is displayed for find and replace actions.
  • Find dialog (Ctrl+F): Find in Open Documents, Mark All, and Bookmark and Mark All.
  • Replace dialog (Ctrl+H): Replace/OK (for viewing what would change), Replace in Open Documents, and Replace All.
  • Improved support for multi-monitor configurations:
  • Switching between a laptop and an external display often means adjusting to different resolutions and work areas. Because of this, you may want the find interface (or any other window) to appear on different corners for different monitors. HTML-Kit Tools now remembers where you place each window along with its size, per monitor, so it's easy to go back and forth without returning your workspace
  • Size of the line number gutter shrinks when it has unused space, to give more space to the editor. In previous versions, the gutter expanded in size when necessary but didn't shrink back down as the number of lines changed.
  • Incremental speed optimizations related to file handling and editor refresh speed.
  • Status Bar now displays the number of carets or selections, in multi-edit mode1.
  • HTML-Kit installer has been updated to better support Windows 10.
  • Tested on the latest update to Windows 10 -- Creators Update. Windows version 1703 (March 2017) build 15063.0.
  • Fixed a bug where F8 preview sometimes incorrectly prompts to save the current file.
  • Color Picker window no longer cancels multi-edit mode.
  • Fixed Windows 10 version displayed on Help > About dialog.

New in HTML-Kit Tools 20161016 (Oct 28, 2016)

  • Find and type over:
  • With this feature you can quickly update multiple occurrences of the same text. Click inside the first instance of the text that you want to change. Press Ctrl+I to highlight the next instance of the same text. Keep pressing Ctrl+I until all instances are highlighted. Now you can start typing to change all of those instances at the same time. Press the ESCape key to go back to regular editing mode.
  • Multiple carets:
  • It's also possible to create multiple edit points at arbitrary locations. To type over multiple words, double click the first word. While pressing the Ctrl key down, double click on another word. Repeat until all words that you would like to update are highlighted. Start typing to overwrite all of them at the same time.
  • Update rows of text at once:
  • Multiple lines of text that are in a row can also be updated with a single edit. Inside a row of lines, click the starting column. While holding Ctrl and Alt keys down, drag the mouse to the right (to add to the column) and then drag the mouse down (to add lines). Release the keys and mouse buttons, and start typing to replace all highlighted items in one go.
  • Improved support for Emmet:
  • Emmet coding (previously called Zen Coding) support has been updated to the latest version and now covers CSS, SVG and XSL, in addition to HTML.
  • Untitled document names:
  • When you create new documents, the default untitled tabs now get more readable names than before. Previously, untitled tabs had long labels based on date and time.
  • User Interface theme picker:
  • The user interface theme picker has been improved and, if no files are open, now opens a demonstration document to make it easier to preview changes in real-time.

New in HTML-Kit Tools 20150320 (Apr 22, 2015)

  • Open Folder option on the File menu is a convenient way to work with files in a given local folder. It provides many benefits of using the project window without the steps involved in creating a project.
  • This build starts up faster on most systems, and should perform better and smoother in general.
  • Support for running HTML-Kit Tools on Windows 10 (tested on Technical Preview build 10041, as of this writing).
  • "Go to Line" pop-up brings up a list of bookmarks for jumping to lines and viewing line content.
  • Find Next with Text at the Caret
  • Ctrl+F3 ("Edit > Find Selection") finds the next occurrence of the selected text.
  • File name displayed on the bottom of the editor (next to Edit and Preview tabs) can now be clicked for quickly accessing file related actions.
  • "Show in Explorer" option on document tab right click menu opens the document folder in Windows Explorer with the file name selected.
  • "Show in Explorer" option on the right click menu in project windows opens Windows Explorer and selects the file name. If the project item is a folder, opens the folder in Windows Explorer. Only applicable to local files and folders.

New in HTML-Kit Tools 20140801 (Apr 22, 2015)

  • Insert on Copy:
  • "Edit > Paste Plus > Insert on Copy 2" menu option brings up a docked window that gathers text as you copy text, inside HTML-Kit or in other applications.

New in HTML-Kit Tools 20140709 (Apr 22, 2015)

  • There's now a new section on the UI Theme drop-down for selecting the user interface language. Currently supports toggling between English, Dutch, German, Italian and Spanish.

New in HTML-Kit Tools 20140708 (Apr 22, 2015)

  • Setup with Spanish Translation
  • The setup program has been updated with Spanish translation kindly provided by Rodrigo. Selecting Spanish at the start of the setup also enables Spanish translation in HTML-Kit Tools.
  • Dutch, German and Italian translations have also been updated to the latest versions.

New in HTML-Kit Tools 20140707 (Apr 22, 2015)

  • Windows 8 Computer Security Compliance Compatibility
  • Support for running on PCs with Windows 8 Computer Security Compliance Group Policy Objects (typically in environments where multiple computers are managed through a Domain Controller).

New in HTML-Kit Tools 20140706 (Apr 22, 2015)

  • Fix for cached previews not updating while editing style sheets.

New in HTML-Kit Tools 20140705 (Apr 22, 2015)

  • Find Next with Text at the Cursor:
  • Ctrl+F3 ("Edit > Find Selection") finds the next occurrence of the selected text. If no text is selected, selects the word at the caret and waits for a second Ctrl+F3. This is done to give a chance to verify the automatic selection.
  • Initial support for editing Lua language (www.lua.org) files (*.lua)

New in HTML-Kit Tools 20140704 (Apr 22, 2015)

  • Initial support for editing Dart language (www.dartlang.org) files (*.dart)
  • Initial support for editing TypeScript language (www.typescriptlang.org) files (*.ts)
  • Initial support for editing Erlang language (www.erlang.org) files (*.erl)

New in HTML-Kit Tools 20140703 (Apr 22, 2015)

  • File name displayed on the bottom of the editor (next to Edit and Preview tabs) can now be clicked for quickly accessing file related actions. More to come.
  • "Show in Explorer" option on document tab right click menu opens the document folder in Windows Explorer with the file name selected.
  • "Show in Explorer" option on the right click menu in project windows opens Windows Explorer and selects the file name. If the project item is a folder, opens the folder in Windows Explorer. Only applicable to local files and folders.
  • Initial support for editing Haskell language (haskell.org) files (*.hs)
  • Startup splash screen in TreeHouse builds displays additional information about the types of plugins being initialized.

New in HTML-Kit Tools 20130615 (Sep 30, 2013)

  • Automatically highlights matching tags when the caret is inside a tag.
  • Hovering the mouse pointer over a tag highlights opening and closing tags. This makes it easier to see where nested blocks start and end.
  • Ctrl+M now supports jumping to the matching tag when the caret is inside a tag. It can still be used to jump to the matching brace when the caret is at a {} [] () character.
  • Marks made by Go to Matching Tag command (Ctrl+M) can be cleared by pressing the ESCape key.
  • Ctrl+Shift+M can be used to select between matching tags as well as matching braces.
  • Added F6 ("Tools > Repeat Last Plugin Action") for repeating the last plugin action. Currently supports actions related to inserting text.
  • View CSS colors in rgb() and rgba() formats as you edit. This works similar to the way #0F0 and #00FF00 hex colors are highlighted. Colors such as rgb(0,255,0), rgb(0%,100%,0%), rgba(0,255,0, .2) and rgba(0%,100%,0%, .2) are underlined with the specified color for quick reference.
  • Richhint popup shows rgb() and rgba() colors at the caret.
  • "View > Editor > Refresh" for refreshing the current document view. This mainly affects the colorizer view.
  • Double clicking the document tab refreshes the colorizer view of the current document, in addition to bringing caret line into focus.
  • Caret line, which highlights the background of the current line, stays visible even when the editor doesn't have focus.
  • Supports running on new Windows 8.1 Preview, in addition to Windows 8.0.
  • "Preferences > Projects > Show project name of the current document in application title" option can be used to show the project name associated with the current document.
  • Initial support for colorizing Haxe files (*.hx).
  • Initial support for colorizing Objective C/C++ files (*.m;*.mm).
  • Updated W3C Markup Validation plugin to workaround changes on W3C service.

New in HTML-Kit Tools 20121101 (Sep 30, 2013)

  • Read source code more easily with new font options Source Code Pro and DejaVu Sans Mono. Makes similar looking characters, such as 1, l, i, | and O, o, 0, more legible.
  • Support for Emmet coding (previously called Zen Coding). To test this feature, type h1+div#content>ul#mylinks>li*3>a[href]{Link $} and press Ctrl+E. Can also be used to expand individual tags as well: type ul>li*5 and press Ctrl+E.
  • Touchscreen Plugins for using your smartphones and tablets to access HTML-Kit Tools plugins.
  • Ctrl+Enter keyboard shortcut now offers multiple options, including the previous shortcut and Emmet/Zen Coding expansion.
  • Incremental Search dialog (Ctrl+F) now has an option to toggle Case Sensitive matching.
  • Dutch, German and Italian translations written by Gerard, Martin and Luca, have been updated to the latest releases in the setup.
  • # Improved document tabs so that they stay the same size while switching, reducing the chances of accidentally clicking the next tab.
  • ! Fixed a rare error that poped up when invoking Ctrl+F after pasting a large amount of text in the search field.
  • ! Fixed an issue that caused TagsReminder to not show up in certain cases.

New in HTML-Kit Tools 20120815 (Sep 30, 2013)

  • Project window has a sleek redesign that reduces clutter and blends in with the selected color theme.Rating:
  • Action Buttons that used to appear below each folder in project window now appear next to each folder. This frees up more space to view folders and files. The new Action Buttons appear as the mouse pointer hovers over folders.Rating:
  • New File dialog on project window now shows an option to create files using text from the Clipboard.Rating:
  • Officially supports running on the final released version (RTM) of Windows 8 desktop.Rating:
  • Updated the look of the Actions Bar, Channel tabs and New/Open/Save icons on the top left-hand side.Rating:
  • Document Label Color, which is configured in project windows and folders, now show up on the document tab and the bottom of the editor window.Rating:
  • Fixed an issue where the Image Picker window showed up on the wrong monitor, when Tools is not on the primary monitor of a multi-monitor configuration.

New in HTML-Kit Tools 20120801 (Sep 30, 2013)

  • Document tabs have been redesigned for a better looking editing environment with less distraction. The new tabs make most of available screen space and nicely blends in with the user interface color theme. Supports both light color themes and dark color themes, for the user interface and the colorizer style used by the editor.Rating:
  • A new dark color themed colorizer style compliments the light color themed colorizer style that comes as the default. To try out the dark colorizer style, click the down arrow on UI customization button and select "Colorizer style > Default dark color theme."Rating:
  • "UI Customization" button on the Actions Bar, in "Start > Customize" section, for easily changing color themes, colorizer styles, text size and language.Rating:
  • Initial support for opening and colorizing LESS files. [LESS](http://lesscss.org) is a popular extension to CSS that implements variables, mixins, operators and functions on top of the current CSS standard.
  • Many other user interface tweaks.

New in HTML-Kit Tools 20120716 (Sep 30, 2013)

  • Landscape Preview window that previews the current document as you edit. To enable this feature, press Ctrl+F12 or click "Active Preview" button on the status bar.Rating:
  • Brand new status bar and document tab area (sometimes called the footer).Rating:
  • An icon for quickly entering full screen edit mode is displayed on the menu bar, next to the "Kit" menu on the right-hand corner.Rating:
  • When the Actions Bar is turned off, the menu bar shows an icon for easily toggling it back on.Rating:
  • Updated HTML-Tidy supports cleaning up markup in Google Docs (gdoc).
  • Ctrl+W keyboard shortcut for closing documents, in addition to the default shortcut Ctrl+F4.