How to auto organize code in Dreamweaver to make it more reader friendly?

Question

I'm using Dreamweaver CS5 as my editor for my code, I disabled a lot of features to make is at basic as possible, because I only need Syntax validation and Dreamweaver code color schemes. I can't find the feature to to auto organize a code, is it possible? if yes could you tell how to achieve it? For example organizing this code <div id="wrapper"> <div id="content"> Content </div> </div> Into this more clean version <div id="wrapper"> <div id="content"> Content </div> </div>

Answer 1

If I understand your question correctly, yes, it is possible to auto-organize code in Dreamweaver CS5. You can use the "Code Cleanup" feature to do this.

Here are the steps:

1. Open the HTML file you want to clean up in Dreamweaver CS5.
2. Go to "Commands" in the top menu bar, and select "Apply Source Formatting."
3. In the "Apply Source Formatting" dialog box, select the "Clean up HTML" option.
4. Select the options you want to use for cleaning up the code. For example, you can select "Indent using spaces," "Remove empty lines," and "Remove extra white space."
5. Click the "OK" button to start the cleanup process.

Dreamweaver will automatically organize your code based on the options you selected. In your example, the code would be organized as follows:

<div id="wrapper">

<div id="content">

Content

</div>

</div>