Skip to main content
Participant
August 10, 2017
Answered

Hi! I just updated Dreamweaver app and side code looks weird.

  • August 10, 2017
  • 2 replies
  • 439 views

It is hard to explain so I just add the print screen. I don't understand why coding looks like this (one vertical line). and how do I make it look normal?

Thank you!

This topic has been closed for replies.
Correct answer Jon Fritz

It's because you have an over-abundance of tabs in your code, along with the word-wrap setting turned on.

You can either remove extra tabs from each line in your code by selecting all of your code and choosing Edit > Code > Apply Source Formatting (might not be possible if you actually have a high enough number of nested items) or turn off the Word Wrap option in your Common Toolbar (the vertical one) by default it's the one just before the dots at the bottom...

2 replies

Nancy OShea
Community Expert
Community Expert
August 10, 2017

I'm one of those people who hates indented code.  I like to see everything flush left until I'm ready to minify my code.

In my Preferences > Code Format settings, I remove indented code from all tags in the Tag Library.

In Code View Options, I have Auto Indent turned off.

Nancy

Nancy O'Shea— Product User & Community Expert
Jon Fritz
Community Expert
Jon FritzCommunity ExpertCorrect answer
Community Expert
August 10, 2017

It's because you have an over-abundance of tabs in your code, along with the word-wrap setting turned on.

You can either remove extra tabs from each line in your code by selecting all of your code and choosing Edit > Code > Apply Source Formatting (might not be possible if you actually have a high enough number of nested items) or turn off the Word Wrap option in your Common Toolbar (the vertical one) by default it's the one just before the dots at the bottom...