Bare Bones Software, Inc.

Skip Navigation


With BBEdit, you can...

Live Up To Standards

  • reduce coding errors with BBEdit’s automated HTML and CSS markup tools (including with CSS 2.1 support)
  • ensure standards compliance and proper code structure (for entire sites, whole pages, page fragments and generated code) using BBEdit’s built-in HTML syntax checking
  • view your site even if it uses PHP, JSP, or other server-side processing methods with BBEdit’s built in preview to make sure your site looks the way you think it should
  • clean up and reformat HTML and XHTML code with the built-in open source HTML Tidy tool Improved!
  • use the Mac OS X spelling checker to catch those embarrassing mistakes before the rest of the world sees them Improved!

BBEdit makes it easy to get it right the first time with its automated HTML and CSS tools.

CSS markup has been enhanced and expanded, with the addition of seven new CSS markup tools, support for the “@media” block, and CSS 2.1 attribute completions for the “Tag Maker” dialog and contextual menu. The CSS tools additions keep BBEdit in step with current web authoring standards and make it easier for you to readily author web pages that display properly in a variety of media.

Not only correct, but pretty too! We have integrated the popular open-source HTML Tidy into BBEdit for cleaning up and reformatting HTML and XHTML code, easily converting valid HTML code to and from valid XHTML, and WCAG accessibility checking. Improved!

automated-tools.jpg

(click the image above to see it full size in a new browser window)

Find errors in your code early and fix them easily with BBEdit’s HTML Syntax checker. (top)

You can verify the correctness of your code even in partial documents, in documents with generated content, and documents using includes. You can also mark portions of documents to skip when checking syntax.

The HTML syntax checker makes it easier to verify syntactic correctness in HTML/XHTML source files that contain embedded scripts (for example, embedded Perl or PHP), as well as in source files that are included from within static or dynamic page templates and so do not contain a complete HTML/XHTML document structure

BBEdit’s Syntax Checker

(click the image above to see it full size in a new browser window)

View the results of your HTML right inside BBEdit (top)

The “Use Preview Server” option ensures accurate previews when working on code which contains content that must be rendered by a Web server, such as server-side processing directives and embedded scripts (e.g. PHP and JSP). This feature takes advantage of the web server that is supplied with every copy of Mac OS X, but can also be used with any web server running on any machine, provided that the content you’re previewing with BBEdit is stored on the file system where the server expects to find it.

Without Preview Server
html-preview.jpg
(click the image above to see it full size in a new browser window)

With Preview Server
html-preview.jpg
(click the image above to see it full size in a new browser window)

Spelling Checker (top)

BBEdit’s spelling checker uses the Mac OS X system spelling checker. The “Check Spelling” command on the Text menu will now find and highlight the next misspelled word in the document (starting with the insertion point or end of the selected range). If any is found, it will be underlined with red. You can then use the “Show Spelling Panel” command to correct the word, or Control-click on the word to bring up the contextual menu with spelling options (including replacements for the word, and the dictionary-management options “Ignore Spelling” and “Learn Spelling”. “Check Spelling as You Type” detects and highlights spelling errors on the fly. Improved!