1

Estoy creando la página de ayuda de mi sitio web, en la que doy instrucciones a mi usuario sobre el uso correcto de una nueva librería que estoy creando. Estoy imprimiendo el texto con ayuda de JavaScript ya que es la única manera que tengo de traducir mi página. Una vez aclarado esto, comienzo:

Escribo esta instrucción a mi usuario:

<li>
   <b>Importa la librería a tu archivo HTML:<br />
   <span class="code">
      <script src="(ubicación del archivo)/tmnwtools-v1.0.js"></script>
   </span>
</li>

Todo bien, hasta que me doy cuenta de que al abrir la página, el código HTML dentro de mi <span class="code"> es ejecutado por el navegador (intenta cargar una librería que por nada del mundo va a existir; es para dar instrucciones), y lo que necesito es que el texto dentro de mi <span class="code"> salga tal cual lo escribí. Intenté usar <pre> pero no funcionó.

¿Alguien sabe si existe una manera de prevenir que se ejecute el código HTML dentro de cierto elemento y salga el texto tal cual en la página?

Gracias por tu atención y espero me puedas ayudar. ¡Ten un buen día! ☀️

1
  • <pre> <code> <span>Importa la librería a tu archivo HTML: &lt; script src ="(ubicación del archivo)/tmnwtools-v1.0.js" &gt;</span> </code> </pre>
    – Lilibeth
    Commented el 28 ago. 2021 a las 17:23

1 respuesta 1

1

Para que el codigo html no se interprete cambiamos los > y los < de las etiquetas como en el ejemplo que te dejo:

    <li><b>Importa la librería a tu archivo HTML:&lt;br /&gt;&lt;span 
        class="code"&gt;&lt;script src="(ubicación del archivo)/tmnwtools- 
        v1.0.js"&gt;&lt;/script&gt;&lt;/span&gt;</li>

Fuente

2
  • ¡Muchas gracias! Modifiqué un poquito el código porque convertiste de más, pero me ayudaste a entender el concepto. ¡Ten un lindo día (o noche)! Commented el 29 ago. 2021 a las 15:53
  • 1
    Ok, que bueno que te pude ayudar. feliz día!
    – omargt8
    Commented el 30 ago. 2021 a las 18:28

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.