Quiero mostrar este comando echo "<?php phpinfo(); ?>" usando la etiqueta div y copiarlo presionando el botón copy . intento esto,
<!DOCTYPE html> <html> <head> </head> <body> <div type="button" id="content">echo "<? phpinfo(); ?>"</div> <button onclick="copyToClipboard()">Copy</button> <script> function copyToClipboard() { var copyText = document.getElementById("content").innerHTML; navigator.clipboard.writeText(copyText).then(() => { console.log(copyText); }); } </script> </body> </html> pero solo muestra echo "" y en la consola veo echo "<!--? phpinfo(); ?-->"
Luego, uso un número de entidad como este echo "<? phpinfo(); ?>" o un nombre de entidad como este echo "<? phpinfo(); ?>" se muestra correctamente, pero cuando presiono el botón copy , obtengo la cadena con el nombre o el número de la entidad, que no es lo que quiero.
¿Como puedo resolver esto?
Si envuelve las etiquetas en una etiqueta <pre> , se mostrarán correctamente y js también las recuperará correctamente.
<div type="button"><pre id="content">echo "<? phpinfo(); ?>"</pre></div>