Good JavaScript-based tidying for HTML, CSS and JS?

Question

Can anyone recommend a JavaScript-based code reformatter for HTML, CSS and JS?

I'm making a web-based IDE and I'd like to be able to tidy up some code without having to refresh the page or wait for an ajax request.

Note: I need it to be able to accept and return a string, and not work directly with HTML elements. My IDE doesn't use a textarea.

http://www.davidpirek.com/blog/html-beautifier-jquery-plugin, https://github.com/einars/js-beautify — Ilia Choly, Oct 16 '11 at 05:17
@iliacholy, why did you post that as a comment instead of as a full answer? For my understanding, it deserves to be a full answer. — Denilson Sá Maia, Oct 16 '11 at 07:53
@Adel: The best kind of grammar Nazi....fixes it him/herself. — mpen, Oct 16 '11 at 21:11

Ilia Choly · Answer 1 · 2011-10-16T18:22:54.407

3

Here's a few

[EDIT]: also found this script, it's what the html beautifier is based on.

edited Oct 16 '11 at 18:22

answered Oct 16 '11 at 18:17

Ilia Choly

1

"html beautifier jquery plugin" Doesn't seem to work. Its returning an "unexpected token" error – UserDy Dec 09 '14 at 16:38

score 2 · Answer 2 · edited May 23 '17 at 12:29

2

HTML tidy is by far the best solution. Classic binary has been ported to javascript: How to format/tidy/beautify in JavaScript

edited May 23 '17 at 12:29

Community

answered May 16 '15 at 22:28

rickdog

Playing the [demo](http://lovasoa.github.io/tidy-html5/demo.html), I'm not sure how I feel about it. I think it takes a few too many liberties with your HTML. – mpen May 16 '15 at 23:25

2 Answers2