Saltar al contenido
Notas

Ver el resultado de un código

Un bloque de código que tiene HTML puede mostrar lo que ese código dibuja: un gráfico, una animación, una calculadora. El código lo puede escribir la persona o pedírselo a un chat de IA.

Ver el resultado

  1. Pegar el código en la nota. Un HTML de varias líneas entra solo como bloque de código; también se puede escribir / al principio de una línea y elegir Código.
  2. Arriba del código aparecen dos pestañas: Resultado y Código. Seleccionar Resultado.
  3. En el lugar del código se dibuja lo que el código hace.

Se ve una pestaña a la vez. Código muestra el código para cambiarlo, y al volver a Resultado se dibuja con los cambios.

La pestaña elegida queda guardada en la nota: es la que aparece al volver a abrirla, en cualquier dispositivo, y la que ve quien recibe la nota compartida.

Pedírselo a un chat de IA

Funciona con un único archivo HTML, con todo adentro. Por ejemplo: «Un gráfico de barras con estas ventas: enero 12, febrero 19, marzo 28. Un solo archivo HTML, sin nada fuera de él, con las bibliotecas de cdnjs.»

Las bibliotecas de gráficos de cdnjs y de jsDelivr se pueden usar. Las de cdnjs son las más seguras: algunos navegadores y bloqueadores frenan las de jsDelivr.

Qué puede y qué no puede hacer el código

El código corre en una caja aislada: dibuja dentro de su recuadro y nada más. No puede leer las notas, la cuenta ni nada de CopyNotes, no puede enviar datos a ningún lado y no puede salir de su recuadro.

  • Sin conexión no se dibuja ningún resultado: en su lugar aparece Se necesita conexión para ver el resultado.
  • En una nota compartida, se ve la pestaña que dejó el dueño: si la dejó en Resultado, el resultado aparece directo. Quien recibe la nota puede mirar Código, pero eso no cambia lo que ven los demás.
  • Un código que agregó un invitado no arranca solo en la nota del dueño: hay que seleccionar Resultado.
  • Un código que traba la app (por ejemplo, uno que no termina nunca) puede dejarla quieta, sobre todo en Safari y en el iPhone. Al volver a abrir la nota, ese código no arranca solo y aparece Este código trabó la app la última vez. No se ejecutó. Resultado lo intenta de nuevo.
  • Un recuadro que el código no pinta queda blanco.
  • Si una biblioteca no carga, aparece un ! a la derecha de las pestañas. Al pasar el mouse o al tocarlo, explica qué pasó: que un navegador o un bloqueador la frenó, o que viene de un sitio que no se puede usar.

Ver también