How to HTML beautify ?

Acdc95731

Is there a tool to format html code ?

Claudia Frank

@Florent-Pagès

as structure is like xml, xml tools works just fine I guess.

Cheers
Claudia

Acdc95731

I have tried xml tool / Pretty print … but…

often html is far away from xhtml … and the result is poor.

Claudia Frank

@Florent-Pagès

maybe you wanna give an explanation what you have and what you want to achieve?

Cheers
Claudia

Acdc95731

For example

<!doctype html>
<html lang="fr">
<head>
<title>Page vide</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

after tool / Pretty print

<!doctype html>
<html lang="fr">
	<head>
		<title>Page vide</title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
			<meta http-equiv="imagetoolbar" content="no">
				<meta http-equiv="X-UA-Compatible" content="IE=edge">

Claudia Frank

@Florent-Pagès

and you want to have it more like this

<!doctype html>
<html lang="fr">
    <head>
        <title>Page vide</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar" content="no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

or more like that

<!doctype html>
<html lang="fr">
    <head>
        <title>Page vide</title>
        <meta http-equiv="Content-Type"     content="text/html; charset=UTF-8">
        <meta http-equiv="imagetoolbar"     content="no">
        <meta http-equiv="X-UA-Compatible"  content="IE=edge">

or another format?

Cheers
Claudia

Claudia Frank

@Florent-Pagès

just by accident I found out that there is a plugin called tidy2.

Maybe that’s helpful to you.

Cheers
Claudia