How to HTML beautify ?

Florent Pagès · Dec 21, 2016, 5:59 PM

Is there a tool to format html code ?

Claudia Frank · Dec 21, 2016, 6:09 PM

@Florent-Pagès

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

Cheers
Claudia

Florent Pagès · Dec 22, 2016, 3:08 PM

I have tried xml tool / Pretty print … but…

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

Claudia Frank · Dec 22, 2016, 4:19 PM

@Florent-Pagès

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

Cheers
Claudia

Florent Pagès · Dec 23, 2016, 1:02 PM

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 · Dec 23, 2016, 1:02 PM

@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 · Dec 23, 2016, 2:26 PM

@Florent-Pagès

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

Maybe that’s helpful to you.

Cheers
Claudia