Show code in textarea

Question

What I intend is to show on my web site within a text area code php html and etc but whenever I try to do it runs the code and I want it to show within a text area and other system any accuracy as here in the stack overflow

<section class="bg-light" id="links">
  <div class="container">

    <h1 class="text-center text-info">Teste PHP</h1>

      <?php
          echo"Olá, Mundo!";
          echo("<h2>Olá, Mundo</h2>");
          ?>

    </div>
  </div>

</section>
<section class="bg-light">
  <hr></hr>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <label for="comment" class="text-info">Código feito:</label>
        <textarea class="form-control" rows="15" id="codigo">Conteudo a apresentar</textarea>
    </div>
    </div>
  </div>
</section>

Answer 1

You need to find all html entities. Most languages already have some automatic way to escape code.

In Java, using JSTL in JSP, you can do so:

<c:out value="${valorAqui}" escapeXml="true"/>

In PHP, there is the htmlentities function that you use:

<?php echo htmlentities($texto); ?>

I didn’t get to this, but I believe that in a simple way you could also print php code as follows within HTML:

<?php echo '<?php //aqui você insere seu código... ?>' ?>

Behold:

<section class="bg-light" id="links">
  <div class="container">

    <h1 class="text-center text-info">Teste PHP</h1>

      <?php
          echo"Olá, Mundo!";
          echo("<h2>Olá, Mundo</h2>");
          ?>

    </div>
  </div>

</section>
<section class="bg-light">
  <hr></hr>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <label for="comment" class="text-info">Código feito:</label>
        <textarea class="form-control" rows="15" id="codigo"><?php echo htmlentities($conteudoParaApresentar); ?></textarea>
    </div>
    </div>
  </div>
</section>