{"id":2051,"date":"2014-10-08T12:22:42","date_gmt":"2014-10-08T10:22:42","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=2051"},"modified":"2021-08-06T16:28:13","modified_gmt":"2021-08-06T15:28:13","slug":"copiar-y-pegar-una-escena-en-el-entorno-html","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/copiar-y-pegar-una-escena-en-el-entorno-html\/","title":{"rendered":"Copiar y pegar una escena en el entorno html"},"content":{"rendered":"<p>Una vez se ha <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=985\">accedido al c\u00f3digo de una escena<\/a>&nbsp;basta seleccionar&nbsp;ese c\u00f3digo, copiarlo (Ctrl+C) y simplemente pegarlo (Ctrl+V), en un editor de c\u00f3digo cualquiera (editor de texto o html), en la posici\u00f3n donde se desea que la escena quede incorporada.<\/p>\n<p>El criterio general es que <strong>donde puede copiarse c\u00f3digo html podr\u00e1 copiarse una escena<\/strong> ya que \u00e9sta sigue la estructura de etiquetas propia de html.<\/p>\n<p>Para el adecuado funcionamiento de la escena copiada han de tenerse en cuenta los siguientes detalles:<\/p>\n<p>A. Para que el navegador que abra la p\u00e1gina en la que se ha incluido la escena pueda interpretarla es necesario que en el c\u00f3digo est\u00e9 incluida <a href=\"https:\/\/descartesjs.org\/documentacion\/?p=1595\">la llamada al int\u00e9rprete<\/a>. En particular para DescartesJS la llamada al int\u00e9rprete a Internet requerir\u00eda incluir, si el c\u00f3digo copiado no &nbsp;la incluye ya, la l\u00ednea<\/p>\n<p><span style=\"color: #ff0000;\">&lt;script type=&#8217;text\/javascript&#8217; src=&#8217;https:\/\/arquimedes.matem.unam.mx\/Descartes5\/lib\/descartes-min.js&#8217;&gt;&lt;\/script&gt;<\/span><\/p>\n<p>B. Si la escena hace uso de im\u00e1genes, macros o ficheros ser\u00e1 necesario indicar el lugar donde pueden encontrarse estos y por defecto se puede incluir la direcci\u00f3n desde la que se est\u00e1 copiando la escena. La forma de indicarlo es mediante el par\u00e1metro docBase:<\/p>\n<p><span style=\"color: #ff0000;\">&nbsp;&lt;param name=\u00bbdocBase\u00bb value=\u00bb<strong><em>direcci\u00f3n web donde est\u00e1n esos ficheros<\/em><\/strong>\u00ab&gt;<\/span><\/p>\n<p>y ubicar esta l\u00ednea como primer par\u00e1metro del c\u00f3digo de la escena.<\/p>\n<p>Por ejemplo, si deseamos copiar la escena de la tortuguita que utiliza im\u00e1genes y ficheros y que se incluye en la p\u00e1gina de subproyectos de la web de RED Descartes:&nbsp;<a href=\"https:\/\/proyectodescartes.org\/indexweb.html\">https:\/\/proyectodescartes.org\/indexweb.html<\/a>, el procedimiento ser\u00eda el siguiente:<\/p>\n<div>1. Seleccionamos la escena que se quiere incorporar.<\/div>\n<div>2.Posicionamos el rat\u00f3n sobre ella y pulsamos el bot\u00f3n auxiliar del rat\u00f3n (derecho por defecto) que abrir\u00e1 la ventana en la que aparece el bot\u00f3n \u00abconfig\u00bb. Pulsamos este bot\u00f3n y obtenemos el c\u00f3digo de la escena.<\/div>\n<div>\n<div id=\"attachment_2057\" style=\"width: 587px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar1.png\"><img aria-describedby=\"caption-attachment-2057\" class=\" wp-image-2057\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar1-1024x621.png\" alt=\"c\u00f3digo escena\" width=\"577\" height=\"350\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar1-1024x621.png 1024w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar1-300x182.png 300w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar1.png 1148w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/><\/a><p id=\"caption-attachment-2057\" class=\"wp-caption-text\">Acceso al c\u00f3digo de la escena<\/p><\/div>\n<\/div>\n<div>&nbsp;<\/div>\n<div>3.Copiar el c\u00f3digo y pegarlo en el soporte donde se desea incorporar dicha escena: por ejemplo una p\u00e1gina html, o un blog, o una Moolde, o una wiki, etc. Como hemos indicado all\u00e1 donde se pueda copiar c\u00f3digo html se puede copiar la escena.<\/div>\n<div>\n<div id=\"attachment_2058\" style=\"width: 642px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar2.png\"><img aria-describedby=\"caption-attachment-2058\" class=\" wp-image-2058\" src=\"https:\/\/descartesjs.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar2.png\" alt=\"Pegar c\u00f3digo\" width=\"632\" height=\"405\" srcset=\"https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar2.png 1000w, https:\/\/reddescartes.org\/documentacion\/wp-content\/uploads\/2014\/10\/copiar2-300x192.png 300w\" sizes=\"(max-width: 632px) 100vw, 632px\" \/><\/a><p id=\"caption-attachment-2058\" class=\"wp-caption-text\">Pegar c\u00f3digo en el soporte seleccionado, en este caso en una p\u00e1gina html abierta en un editor<\/p><\/div>\n<\/div>\n<div>&nbsp;<\/div>\n<div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">4. Revisar si el c\u00f3digo pegado tiene la l\u00ednea de llamada al int\u00e9rprete incorporada. Si no la tuviera habr\u00e1 que incluirla. Por ejemplo:<\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #ff0000;\">&lt;script type=&#8217;text\/javascript&#8217; src=&#8217;https:\/\/arquimedes.matem.unam.mx\/Descartes5\/lib\/descartes-min.js&#8217;&gt;&lt;\/script&gt;<span style=\"color: #000000;\">. En la imagen anterior puede observarse la escena copiada e incorporado el script indicado.<\/span><\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">5. Comprobar si en el c\u00f3digo va incluida la referencia para localizar los ficheros auxiliares (im\u00e1genes, macros y ficheros), es decir el par\u00e1metro <span style=\"color: #ff0000;\">docBase<\/span>. Si no fuera as\u00ed, entonces incorporar este par\u00e1metro indicando en <span style=\"color: #ff0000;\">value<\/span> la direcci\u00f3n web desde la que se ha copiado la escena. En este ejemplo ser\u00eda&nbsp;&nbsp;<a href=\"https:\/\/proyectodescartes.org\/indexweb.html\">https:\/\/proyectodescartes.org\/indexweb.html<\/a>&nbsp;y la l\u00ednea a incorporar:<\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #ff0000;\">&nbsp;&lt;param name=\u00bbdocBase\u00bb value=\u00bb<a style=\"color: #ff0000;\" href=\"\/\/proyectodescartes.org\/&quot;\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/<wbr>proyectodescartes.org\/<wbr><\/a>\u00ab&gt;<\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">En la imagen anterior puede observarse esta l\u00ednea incorporada en el c\u00f3digo de la escena.<\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">6. Con estas acciones ya tendremos operativa la p\u00e1gina en cualquier lugar siempre que se tenga conexi\u00f3n a Internet (dado que las referencias que se han puesto necesitan de ese acceso a Internet).&nbsp;<\/span><\/div>\n<\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">&nbsp;<\/span><\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">Es esencia y de manera simplicada: acceder a la escena, copiar c\u00f3digo, pegar c\u00f3digo y a\u00f1adir la llamada al int\u00e9rprete y al docBase si no estuviera. Eso es lo que se ha hecho aqu\u00ed para que incorporar la escena citada a esta p\u00e1gina de documentaci\u00f3n:<\/span><\/div>\n<div class=\"gmail_extra\">\n<table>\n<tbody>\n<tr>\n<td>\n<div align=\"center\">\n<div align=\"center\"><script src=\"https:\/\/arquimedes.matem.unam.mx\/Descartes5\/lib\/descartes-min.js\" type=\"text\/javascript\"><\/script><\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<div align=\"center\">\n<div align=\"center\">&nbsp;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td>Escena copiada y pegada en este blog de documentaci\u00f3n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div class=\"gmail_extra\">&nbsp;<\/div>\n<div class=\"gmail_extra\">&nbsp;<\/div>\n<div class=\"gmail_extra\"><span style=\"color: #000000;\">Nota: Hay determinadas herramientas o servicios en las que el administrador puede incluir filtros o limitaciones a la hora de embeber c\u00f3digo. Si no le funciona este procedimiento, cersi\u00f3rese que el c\u00f3digo que ha copiado no ha sido borrado por alg\u00fan filtro de este tipo, para ello basta que vuelva a editar y compruebe que el c\u00f3digo sigue ah\u00ed y que no ha sido cambiado. Si no estuviera o hubiera sido cambiado tendr\u00e1 que ponerse en contacto con el administrador de su servicio para que cambie ese filtro.<\/span><\/div>\n<div class=\"gmail_extra\">&nbsp;<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una vez se ha accedido al c\u00f3digo de una escena&nbsp;basta seleccionar&nbsp;ese c\u00f3digo, copiarlo (Ctrl+C) y simplemente pegarlo (Ctrl+V), en un editor de c\u00f3digo cualquiera (editor de texto o html), en la posici\u00f3n donde se desea que la escena quede incorporada. El criterio general es que donde puede copiarse c\u00f3digo html podr\u00e1 copiarse una escena ya que \u00e9sta sigue la estructura de etiquetas propia de html. Para el adecuado funcionamiento de la escena copiada han de tenerse en cuenta los siguientes detalles: A. Para que el navegador que abra la p\u00e1gina en la que se ha incluido la escena pueda interpretarla<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/copiar-y-pegar-una-escena-en-el-entorno-html\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[18,12,19,89],"tags":[91,90,92,93],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2051"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=2051"}],"version-history":[{"count":23,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2051\/revisions"}],"predecessor-version":[{"id":3530,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2051\/revisions\/3530"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=2051"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=2051"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=2051"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}