I am just building my first site and one thing that really pisses me off is that the outline of the html is a bit messy. I like my outline to be precise so that I can visually see immediately what is going on
14 May 2007 at 6:30pm
(Last edited: 14 May 2007 6:45pm),
do you mean indentation? - http://en.wikipedia.org/wiki/Indent_style eg I use something like.
--2 tabs---- li
--2 tabs---- li
EDIT: ah forum doesnt like indentation. And Sean posted a second quicker then me! yeah I have noticed TinyMCE outputs shit in its html editor.. I would perhaps just copy the code from there into a HTML formatter (trying to find a link) and then copy it back...
14 May 2007 at 6:57pm
(Last edited: 14 May 2007 7:01pm),
It's difficult, if not impossible to make the code in the source editor look 'nice' as well as it being editable. Otherwise we'd be making an inline HTML editor like TextMate on the web. :-)
Here's a parser to tidy up the HTML;
I've used this before with badly formed HTML inside the WYSIWYG editors, it does a fairly good job at cleaning up the mess TinyMCE cannot handle.
Also, in terms of the forum - we've already developed some ways of inserting styles in these forum posts like my bold text and [link]www.google.com[/link], similar to BB code. We're in the process of testing. This means you can put some snippets of PHP or HTML in these posts with syntax highlighting and actual tabbing. :-)
the base tag and the meta tag may not be in the right place. it would be nice if the indentation was perfectly clean. I know that this would probably be a real luxury, but if you suffer from OCD then it is a bit of a must have ;-)
15 May 2007 at 8:42am
(Last edited: 15 May 2007 8:44am),
as sean mentioned, thats what you use tidy for (php-integration at: http://www.php.net/tidy)...
for complex sites, its just too much hassle to keep track of the indentation-level across multiple nested templates.
for simple sites: make sure that you don't have any whitespace between template-commands and the following html (ugly, but keeps indentation correct).
or even easier: use a proper source-viewer in your browser ;) install firefox web deveoper toolbar, firebug and the "source chart"-plugin
I am familiar with the solutions you mention, but is there an easy way to add it to my SS development? I am completely new to SS and I was wondering if you could just add a command or something that would clean up the html.