1

Estoy añadiendo un script en html y dentro de un string del estilo. Esto lo hago porque mostramos un trozo de código en nuestra plataforma que queremos que el usuario pueda copiar haciendo click en un botón de copiar:

<script>
    function copyCode(){
            $("body").append($temp);
            $temp.val("<div id=\"1"></div>"+
                    "<script>(function(a,b,c) {
                      ...
                     }("a", "b", "c"));
                     </"+"script>").select();
            document.execCommand("copy");
            $temp.remove();
    }
</script>

El problema es que al cerrar el script de la variable que he creado me da un error (como si asumiera que el cierre del script dentro de la variable es el final del script...).

¿Sabéis alguna manera de solucionarlo?

Actualmente la solución que tengo es esta:

var text = '<script> ... </'+'script>';

Edit: he añadido el código de manera más completa al igual que he explicado mejor el problema.

12
  • Hola Felix, te damos la bienvenida a Stack Overflow en español (completa el recorrido de bienvenida para aprender más sobre el sitio y así ganar tu primera medalla). Una posible solución sería romper la cadena para que no aparezca </script> (por ejemplo var text = ‘...</‘+’script>) pero, aunque eso podría resolver el problema, dejaría un problema de raíz (lo que estás haciendo quizás no sea la mejor manera de hacerlo y el código no es robusto). Edita la pregunta para añadir algo más de detalle (en qué contexto vas a usar text luego) y poder ayudarte mejor.
    – Alvaro Montoro
    Commented el 15 jun. 2018 a las 8:11
  • Mi comentario se ha quedado parcialmente obsoleto tras la edición. Pero la idea es la misma: ya tienes una solución, para poder mejorarla haría falta saber más sobre qué intentas hacer y cómo.
    – Alvaro Montoro
    Commented el 15 jun. 2018 a las 8:14
  • ¡Hola! Gracias por la rápida respuesta. Lo que estoy haciendo es un botón que cuando se hace click en éste se copia un HTML el cual tiene una parte de javascript.
    – Felix
    Commented el 15 jun. 2018 a las 8:15
  • Actualmente lo hago de la siguiente manera: var $temp = $("<input>"); $("body").append($temp); $temp.val("<el_html_con_el_script_a_copiar">); document.execCommand("copy"); $temp.remove();
    – Felix
    Commented el 15 jun. 2018 a las 8:16
  • Creo que sería mejor opción crear el elemento script y añadirlo al head: stackoverflow.com/a/9413814/761181
    – Kiko_L
    Commented el 15 jun. 2018 a las 8:17

1 respuesta 1

4

Si quieres mostrar código html/js como texto en una página puedes escapar los símbolos < y >, usando &lt; (de less than, menor que) y &gt; (de greater than, mayor que).

Aquí un simple ejemplo apoyado por la la etiqueta <pre>:

$('#texto').html(`<pre>
&lt;script src="/jquery.min.js"&gt;&lt;/script&gt;
</pre>`);
pre {
background-color: lightgray;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="texto">

Hay una larga lista de caracteres especiales que se pueden mostrar mediante HTML Entities

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.