Is it possible to auto-format your code in Dreamweaver?

HtmlFormattingDreamweaverCode Formatting

Html Problem Overview


Is it possible to auto-format your code in Dreamweaver like in Visual Studio (ctrl+k+d)

Html Solutions


Solution 1 - Html

A quick Google search turns up these two possibilities:

  • Commands > Apply Formatting
  • Commands > Clean up HTML

Solution 2 - Html

Commands > Apply Source Formatting.

Works a treat.

Solution 3 - Html

For the 2017 CC release this has been moved (after many years of habit development). Find it now at:

> Edit > Code > Apply Source Formatting.

It may be prudent to set up a keyboard shortcut if this is something you'll need regularly.

> Edit > Keyboard Shortcuts

Solution 4 - Html

Following works perfectly for me: -*click on COMMAND and click on APPLY SOURCE FORMATTING

  • *And click on Clean Up HTML

Thank you PEKA

Solution 5 - Html

This is the only thing I've found for JavaScript formatting in Dreamweaver. Not many options, but it seems to work well.

JavaScript source format extension for dreamweaver: Adobe CFusion

Solution 6 - Html

I tried some of the sources online and finally, the below selection works fine for me (Dreamweaver on Mac). For versions above Adobe Dreamweaver CC 2017 and above:

Adobe says:

> Edit > Code > Apply Source Formatting

Moreover, full documentation with other supporting information for tasks such as setting defaults, etc. on https://helpx.adobe.com/dreamweaver/using/format-code.html.

Solution 7 - Html

And for JavaScript source format you can use Dreamweaver JavaScript source formatting extension.(available on adobe)

Solution 8 - Html

Auto formatting can be done by

  • Select View > Code View Options
  • Click the View Options button enter image description here in the toolbar at the top of Code view or the Code inspector.

Auto Indent Makes your code indent automatically when you press Enter while writing code.

source

Solution 9 - Html

Please use shortcut key alt+c+a

Solution 10 - Html

Please click on "edit" -> then keyboard shortcuts. It`s straight forward from there. Just select the command from the list, and press the + button.

You will need to create a duplicate set, then select it again from the list. And finally set a keyboard shortcut!

Now, before saving, press the shortcut you just created!

Solution 11 - Html

Coding toolbar (Edit > Toolbars > Coding) and select Code Format Settings to set your preferred formatting.

You can also access the formatting option from Commands > Apply Source Formatting or only apply it to a select block of code by selecting the Apply Source Formatting to Selection option.

http://www.hongkiat.com/blog/10-useful-dreamweaver-tips-for-beginners/

Solution 12 - Html

ctrl+a->(click)commands->cleanup word HTML

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser260048View Question on Stackoverflow
Solution 1 - HtmlPekkaView Answer on Stackoverflow
Solution 2 - HtmlBrett RigbyView Answer on Stackoverflow
Solution 3 - HtmlisherwoodView Answer on Stackoverflow
Solution 4 - HtmlscoreView Answer on Stackoverflow
Solution 5 - HtmlroybattyView Answer on Stackoverflow
Solution 6 - HtmlIronmanX46View Answer on Stackoverflow
Solution 7 - HtmlAnuragView Answer on Stackoverflow
Solution 8 - HtmlNullPoiиteяView Answer on Stackoverflow
Solution 9 - HtmlIrshad AhmedView Answer on Stackoverflow
Solution 10 - HtmlAcelasi EuView Answer on Stackoverflow
Solution 11 - HtmlNantharupanView Answer on Stackoverflow
Solution 12 - HtmlkarunakarView Answer on Stackoverflow