Topic: Xhtml or html code readability cleaner (Page 1 of 1)

Hell all,

I'm looking for a good way to reformat or organize my code to be more readable. Perhaps
an online generator or a application of some sort.... All of my google searches seem to result
in some sort of html validator, which I am not looking to do at the moment. I simply want to organized,
indent the code etc...

any ideas?

Check out tidy online (there are others too).

yeah,

I checked those out. The all seem to the same and have the same limitations. I was looking for something
more on the lines of "indent all <p> tags 3 spaces, indent all <div> tags 1 space etc. I'm looking for this kind
of control - if it even exists..

quote:

---

jive said:

"indent all <p> tags 3 spaces, indent all &lt;div&gt; tags 1 space etc.

---

But why would you want to do that anyway?

Indentation should really indicate nesting and child/parent relationship, and not be generic based on what the element is.

IMO anyway...

I would agree with DL. Also do not fear comments.

<!--+
    | This is the comment
    | This is the second line of comments
    +-->

The above type of comment seem to work well for me. It is a style that I picked up while working with Cocoon. It allows for some large blocks of comments and for the user to be able to easily see which lines are a part of the comment.

Dan @ Code Town

Lol, that comment style looks pretty cool.

I'm building a Javascript code formatter, as seen in some post around here..., but I was thinking about expanding it to include markup code too. But that would be later on, Javascript alone is tricky enough to format
If there was a way to exclude whole words and not just sets of characters in RegExps I could have been done with this thing long ago...

I tried "tidy online" on that page's source code and it gave a ton of warnings like this:

quote:

---

Warning: <div> Anchor "hide" already defined
<div id="hide" class="hide">

---

Is that even classified as an anchor?

/TwoD

No, but you shouldn't really have an ID and a class named the same thing.

Also I would be very wary of using comments in XHTML, IE still has funky rendering issues when using floats.

Cheers,