TopStyle Pro 3.10

What's New and Improved in Version 3.10

• ADDED: Syntax highlighting of ECMAScript (JavaScript), ASP (both VBScript and JScript), PHP and ColdFusion CFScript within HTML documents. By default only ECMAScript color coding is enabled, but other languages may be enabled on the new "Keyword Tables" page in Options.
  Note: If you're feeling adventurous, the keywords for each language are stored in separate files in TopStyle's \Keywords subfolder, so you can easily customize the list of keywords.
• ADDED: "Find in Files" (under the Edit menu), with these features:
  1. Search in a folder or a TopStyle site
  2. Filter by created/modified date
  3. Filter by file extension
  4. Only report where match occurs one time, more than one time, one or more times, or not at all
  5. Simple wildcard support in addition to regular expressions
  6. Save "search rules" for future use
  This goes a step further than similar features in other editors by enabling you to specify a date filter, and it also enables you to display only the names of files that don't contain the search string (useful for finding out which files in your site don't have a !DOCTYPE, etc.)
• ADDED: Integration with W3C HTML Validation service. Click the new toolbutton to pass the current HTML document to the W3C HTML Validator, and the new "Reports" tab (on the Output panel) will display the results. Line number information will be highlighted in yellow - simply click to be taken to that line in TopStyle's editor.
• ADDED: W3C CSS Validator integration now also works as described above for the W3C HTML Validator.
• ADDED: Integration with Watchfire's Bobby accessibility checker. By default this uses the free online Bobby checker, but if you own the Java desktop version you can configure TopStyle to use it instead (on the new "Validation" page in options). The results will be displayed as described above for the W3C HTML Validator, with the notable exception that hyperlinked line numbers are only supported if you own the desktop version of Bobby.
• ADDED: CSE HTML Validator integration now enables showing only specific messages, including an "Accessibility Check." Note that this requires CSE HTML Validator v5.5 and above.
• ADDED: The Find and Replace dialogs now include the option to search only in the current selection. If a multi-line selection exists when the dialog appears, then the default search location will be the selected text. If no selection exists, this option is disabled.
• ADDED: "Find matching tag or delimiter" (Ctrl+M) added to Edit menu. When the caret is in an HTML tag, this will highlight the matching tag (ex: when in <table> this will locate </table>). When the caret is beside a brace (either "{" or "}"), this will locate the matching brace (useful for checking brace nesting in JavaScript). This also works for ASP/PHP delimiters and parens.
• ADDED: "Selection" item to editor's context menu, which includes the following when a selection exists in the editor:
  1. Lowercase selection
  2. Uppercase selection
  3. Capitalize selection
  4. Add line breaks
  5. Convert to list items
  6. Strip HTML tags from selection
  7. Script outermost HTML tags from selection
  Note that you may need to select Options > Reset Editor Menu and restart TopStyle in order to see this new item if you previously customized the editor menu.
• ADDED: 'accessibility-check' added to Tidy options
• ADDED: "Make TopStyle Dreamweaver's HTML Editor" added to Third Party page in Options.
• ADDED: Sub-folders are now listed in the file panel. If you'd prefer not to see sub-folders, uncheck the new "Show Sub-Folders" item in the "options" toolbutton above the file panel.
• ADDED: "Navigate to Root Folder of Current Site" added to "options" toolbutton above file panel.
• ADDED: Multiple files may now be selected in the file panel.
• CHANGED: The "File Settings" page in Options has been renamed "File Extensions."
• ADDED: The "File Extensions" page in Options now includes a list of extensions for files that shouldn't be browsed in TopStyle's preview. This can be used to prevent Internet Explorer's "download" dialog from appearing when attempting to preview files such as JavaScript (JS) files.
• ADDED: The "File Extensions" page in Options now includes a list of extensions for binary files, which are files that should always be skipped by the "Find in Files" and "Link Wizard" features. (Note: this feature already existed for the link wizard in previous versions, but the list of binary file extensions wasn't exposed).
• ADDED: "Use actual file instead of temp file when previewing HTML" added to Preview page in Options. Note that when this enabled, the preview will only update when the file is saved instead of with each change.
• ADDED: When a selection exists in the editor, the editor's context menu now includes "Add Selection to Clip Library." Selecting this will create a new clip library item beneath the current clip library folder.
• ADDED: "Default" items in drop-down menus such as the one for HTML Tidy are shown in bold.
• ADDED: Holding the mouse over a clip library item now shows a hint containing that item's contents.
• ADDED: Clip library items that contain both "before" and "after" text are shown using a double paperclip icon (high-color toolbuttons only).
• ADDED: Context menu added to site report view.
• ADDED: Thumbnail viewer tooltip now includes image file size (KB).
• ADDED: "Insert @import rule" added to Tools menu.
• ADDED:"Open from Web" now processes @import statements within downloaded style sheets.
• ADDED: Scrollbars now appear in full screen preview when browser is sized larger than the screen.
• ADDED: "User Interface" page in Options now includes a setting to enlarge the inspector font size.
• ADDED: Color coding of MIVA tags.
• CHANGED: TopStyle's icon has been replaced with one that matches the new logo.
• CHANGED: The "Search" menu has been removed, and its items have been placed under the "Edit" menu.
• CHANGED: Style sweeper now better supports escaped braces (Tantek hack).
• CHANGED: Previously, the "Messages" tab could display an unlimited number of items. However, this could be a serious memory drain when thousands of messages were displayed (we had one report of HTML Tidy outputting over 15,000 warnings). So, a maximum of 5,000 messages will now be displayed. Once the maximum number of messages has been displayed, only summary information will be shown. This applies to HTML Tidy, CSE HTML Validator and the new "Find in Files" feature.
• CHANGED: In version 3.0, Ctrl+Shift+A inserted an anchor tag and placed the caret after the href attribute. This has been changed so that caret is placed immediately before the closing </a>.
• CHANGED: The "Synchronize the preview with editor position" setting has been moved from the HTML page to the Preview page in Options.
• CHANGED: TopStyle Blog links open within TopStyle instead of spawning a new browser window.
• CHANGED: !DOCTYPE is now color coded separately from other tags.
• CHANGED: Hidden characters are now drawn using your system's "gray text" setting when "Show hidden characters" is enabled.
• REMOVED: The "Run style checker after downloading" checkbox has been removed from the "Open from Web" dialog.
• FIXED: HTML Tidy topic in TopStyle's help incorrectly states that HTML Tidy isn't included with TopStyle.
• FIXED: Keyboard shortcuts in help incorrectly states that Ctrl+Q inserts a comment. The correct shortcut is Shift+Ctrl+M.
• FIXED: Triple-click tag selection fails with tags containing < or > in quotes.
• FIXED: Clicking an SSI virtual hyperlink fails to locate the correct include file if the URL doesn't start with a "/" character.
• FIXED: Choosing "Comment Out" from the selector panel may inserts the closing comment at the wrong position if the style rule already contains a comment.
• FIXED: Some color coding settings - such as script punctuation (brackets) - cannot be changed.
• FIXED: "Open linked style sheets in TopStyle" fails in Windows Explorer.
• FIXED: Clip Library doesn't retain expanded folders.
• FIXED: Blank message after assigning a keyboard shortcut to an action whose shortcut was already changed.
• FIXED: Selecting lines at the margin should be more accurate now.
• FIXED: TopStyle sites don't correctly translate local file references that include "localhost" in them.
• FIXED: Undefined classes report fails to ignore classes inside script blocks, even when site has "Skip scripts" option selected.
• FIXED: Luminosity slider in color picker can't be dragged all the way to the top or the bottom.
• FIXED: Style checker reports that "transparent" is an invalid value for color.
• FIXED: HTML color values inserted as hex triplets when "Use RGB triplets" setting enabled for style sheets.
• FIXED: Assigning Tab key as a shortcut for indent/unindent overrides tab behavior on search/replace dialog.
• FIXED: "Keyboard Shortcuts" listed twice in keyboard shortcuts dialog.
• FIXED: TopStyle starts text selection after clicking in editor to regain focus if current document has been changed.
• FIXED: CSS rule collapsing may affect JavaScript blocks.
• FIXED: Inspector preview displays error dialogs (caused by behaviors referencing domains outside the current one, etc.)
• FIXED: The class hyperlinking doesn't reflect classes contained in style sheets that are linked using @import within another style sheet.
• FIXED: No reload prompt after using the style sheet link wizard while in split editor view and switching to the HTML document to which you just added the link.
• FIXED: "Edit color value" in editor context menu not enabled for "transparent."
• FIXED: "List index out of bounds" error after switching style definition and dropping down a property in the inspector that was dropped down right before changing the definition.
• FIXED: Custom items added to the View Bar that point to EXE files fail to show the EXE's icon.
• FIXED: The html element is missing the xml:lang attribute in the XHTML 1.0 and 1.1 definitions.
• FIXED: Duplicate height/width attributes inserted when using insight to select an image in an existing IMG tag.
• FIXED: Image dimensions are incorrect when using large fonts.
• FIXED: Double-clicking a folder icon in the file panel opens the wrong folder.
• FIXED: Equal sign in script, image, table and anchor tags not correctly color coded.
• FIXED: Inspector shows CSS Definition selection after creating new HTML document.
• FIXED: IDs may not be correctly reflected in the default CSS preview.

Known Issues

• At the time of this release, the W3C CSS Validator strips blank lines that appear at the top of a style sheet, so it will report incorrect line numbers for style sheets that have whitespace before the first rule. For example, if your style sheet has three blank lines at the top, then the W3C CSS Validator will report line numbers that are off by three. We have reported this issue to the W3C, so this may be resolved after this version of TopStyle is released.
• TopStyle doesn't support editing Unicode/DBCS files (including UTF-8).
• TopStyle's thumbnail viewer doesn't support PNG images.
• The style checker doesn't examine HTML style attributes in this release.
• When calculating specificity, TopStyle doesn't take !important rules into account.
• Color coding of ASP, PHP, etc., within HTML strings is not supported.
• The spell checker only checks the spelling of words inside content, so it doesn't check the spelling inside alt attributes, etc.
• The site reports don't support the use of multiple class names in an HTML element (ex: <div class="one two">). Note that this technique is rarely used since it's not supported by many browsers (including Netscape 4). TopStyle's editor also doesn't color-code multiple classes in HTML elements.
• The "Edit HTML Class" and class hyperlink features don't support style sheets which are imported (via @import) by a style sheet linked to the current HTML document.