¿Cómo ver la salida xsl en los navegadores?

Question

Aug 14, 2012, 02:01 PM

¿Cómo ver la salida xsl en los navegadores?

¡todo el mundo!

Estoy creando un sitio web basado en algunos archivos de datos xml, así que elegí trabajar con XSLT para enlazar las hojas de estilo en los navegadores.

Al principio funciona bastante bien, pero últimamente, a medida que las plantillas se complican, algo extraño sucedió.

Utilizo el elemento "copia de" para copiar los datos en las hojas de estilo. Aquí está el código:

<div class="section1">
    <xsl:copy-of select="article/bodydata/*" />
</div>

Así que, básicamente, estoy copiando todos los elementos secundarios del nodo "bodydata" en <div />.

Pero no funciona. Por ejemplo, tengo un elemento <img /> en los datos del cuerpo, y esa imagen no aparece si visito el archivo xml en el navegador. Por otro lado, si copio los elementos "bodydata" a mano en ese div, y hago el archivo .xsl en un archivo .html, esa imagen se mostrará.

Entonces, aquí está mi pregunta, ¿puedo ver la salida combinada de los datos xml y los datos xsl en los navegadores? ¿Necesito alguna extensión o qué?

¿Y alguna sugerencia sobre lo que podría estar mal? Soy bastante nuevo en xslt, así que parece que entendí mal lo que realmente hace XSLT. ¡Gracias!

ACTUALIZAR

Para ilustrar el problema, escribí una pequeña muestra.

Primero, creé un archivo de datos xml de muestra:

<?xml version='1.0' encoding='utf-8'?>
<?xml-stylesheet type="text/xsl" href="article.xsl"?>
<article>
    <bodydata>
        <center>
            <img alt="sample" src="http://www.google.com/logos/classicplus.png" />
        </center>
        <p>
          <data class="tts_data">
          this is the paragraph.
          </data>
        </p>
        <p>
          <data class="tts_data">this is the second paragraph</data>
          <data class="tts_data">more data</data>
          <data class="tts_data">...</data>
        </p>
    </bodydata>
</article>

Por lo tanto, puede ver que todos los nodos en el elemento "bodydata" son elementos html que deben mostrarse en la página web. Para mostrar eso, creé un archivo xsl de muestra.

<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
    <xsl:template match="/">
      <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <meta name="robots" content="noindex" />
        </head>
        <body>
          <article>
           <header>
                  header of the article
               </header>
               <section>
                  <xsl:copy-of select="article/bodydata/*" />
           </section>
      </article>
          <footer>
          footer part of the page
          </footer>
        </body>
     </html>
    </xsl:template>
</xsl:stylesheet>

Y el resultado es así: El elemento img simplemente desaparece.

Y a continuación, copié los elementos de bodydata en la parte de la sección y formé un nuevo archivo html.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="robots" content="noindex" />
</head>
<body>
  <article>
    <header>
     header of the article
    </header>
    <section>
      <center>
        <img alt="sample" src="http://www.google.com/logos/classicplus.png" />
      </center>
      <p>
        <data class="tts_data">
        this is the paragraph.
        </data>
      </p>
      <p>
        <data class="tts_data">
        this is the second paragraph, 
        </data>
        <data class="tts_data">
        more data
        </data>
        <data class="tts_data">...</data>
      </p>
  </section>
    </article>
    <footer>
    footer part of the page
    </footer>
  </body>
</html>

Y el resultado aquí es: Y aparece la imagen.

Así que me pregunto qué está mal aquí.