how can I format a generated HTML source code?

Question

this code

$table_rows = '';
foreach ($result as $row) {           
  $tr = '<tr>';
  $tr = $tr . '<td>' . $row['crn_name'] . '</td>';
  $tr = $tr . '<td>' . $row['crn_code'] . '</td>';
  $tr = $tr . '</tr>';            
  $table_rows = $table_rows . $tr;
}

generates this output

<tr><td>forint</td><td>Ft</td></tr><tr><td>euro</td><td>€</td></tr>

It works, but the source code of the page looks terrible. I would like to produce a code which is much more easy to read. Somthing like that:

<tr>
  <td>forint</td>
  <td>Ft</td>
</tr>
<tr>
  <td>euro</td>
  <td>€</td>
</tr>

what should I do?!

Why do you want it to be pretty? Your browser's developer tools' tree view displays the DOM exactly the same with and without whitespace. — Blender
– Blender, Commented Jan 5, 2014 at 21:54
Also consider why you want it to be readable. In production, unless you have to support a use case that requires viewing of source code, whitespace does nothing but increase page weight. If you're requiring it for debug, then Firebug or a webkit inspector will automatically format your elements in the appropriate view. — Palpatim
– Palpatim, Commented Jan 5, 2014 at 21:55
Why on earth would you even care how badly formatted the rendered html is?? — PeeHaa
– PeeHaa, Commented Jan 5, 2014 at 22:01
^^ + the original is is also smaller, therefore faster/ less bandwidth — user557846
– user557846, Commented Jan 5, 2014 at 22:06

nice ass · Accepted Answer · 2014-01-05 21:55:30Z

3

Tidy is probably too much. Just use the alternate syntax:

<?php foreach ($result as $row): ?>
  <tr>
    <td> <?= $row['crn_name']; ?> </td>
    <td> <?= $row['crn_code']; ?> </td>
  </tr>
<?php endforeach; ?>

answered Jan 5, 2014 at 21:55

nice ass

16.8k8 gold badges54 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Quentin · Accepted Answer · 2014-01-05 21:54:49Z

1

Add suitable whitespace to your output. This is easier if you output your HTML directly and only dip into PHP mode when you need PHP.

<?php foreach ($result as $row) { ?>
<tr>
  <td><?php echo $row['crn_name']; ?></td>
  <td><?php echo $row['crn_code']; ?></td>
</tr>
<?php } ?>

answered Jan 5, 2014 at 21:54

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Comments

Greg · Accepted Answer · 2014-01-05 22:00:12Z

1

The easiest way to do this without meticulously inserting line breaks, tabs and spaces where they really stick out like a sore thumb would be to use tidy.

    $config = array(
            'indent'         => true,
            'output-xhtml'   => true,
            'show-body-only' => true,
            'wrap'           => false);

    $tidy = new tidy;
    $tidy->parseString($html, $config, 'utf8');
    $tidy->cleanRepair();

answered Jan 5, 2014 at 22:00

Greg

7,9308 gold badges46 silver badges69 bronze badges

Comments

mustafa · Accepted Answer · 2014-01-05 21:53:53Z

-1

You may use return \r or newline \n

answered Jan 5, 2014 at 21:53

mustafa

7453 gold badges9 silver badges25 bronze badges

Comments

Alan · Accepted Answer · 2014-01-05 22:02:04Z

-1

Yes, you can. Just put teal tab there you want spaces and \n back each line.

Something like that

    $table_rows = '';
    foreach ($result as $row) {           
      $tr = '\n';
      $tr = $tr . '     ' . $row['crn_name'] . '\n';
      $tr = $tr . '     ' . $row['crn_code'] . '\n';
      $tr = $tr . '\n';            
      $table_rows = $table_rows . $tr;
    }

or you can use only space. But \n <-- for new line. Good luck!



$table_rows = '';
foreach ($result as $row) {           
  $tr = '<tr>\n';
  $tr = $tr . '  <td>' . $row['crn_name'] . '</td>\n';
  $tr = $tr . '  <td>' . $row['crn_code'] . '</td>\n';
  $tr = $tr . '</tr>\n';            
  $table_rows = $table_rows . $tr;
}

answered Jan 5, 2014 at 22:02

Alan

112 bronze badges

Collectives™ on Stack Overflow

how can I format a generated HTML source code?

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related