web-dev-qa-db-ja.com

HTMLコンテンツでXMLコンテンツを表示する

同じページにXMLと他のタイプのデータを表示する方法は？

    <?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>

上記のXMLは、そのままの形式で表示する必要があります。また、ページにHTMLテーブルなどを表示したいと思います。これを達成する方法は？

  1. ファイルを介さずにSTRINGでXMLを取得します。
  2. 解析したくない
  3. 表示したい（それだけです）
  4. XSLTについて言う場合（例を挙げてください）
  5. 私はJqueryプラグインを使用することを考えています（例はありますか？）
jqueryhtmlxml
51
karthi

簡単な解決策は、<textarea>要素内に埋め込むことです。これにより、フォーマットと山括弧の両方が保持されます。また、style="border:none;"で境界線を削除しました。これにより、textareaが非表示になります。

サンプルを次に示します。 http://jsfiddle.net/y9fqf/1/

81
mellamokb

古い<xmp>タグを使用できます。ブラウザのサポートについては知りませんが、それでも動作するはずです。

<HTML>

your code/tables

<xmp>
    <catalog>
        <cd>
            <title>Empire Burlesque</title>
            <artist>Bob Dylan</artist>
            <country>USA</country>
            <country>Columbia</country>
            <price>10.90</price>
            <year>1985</year>
        </cd>
    </catalog>
</xmp>

出力：

your code/tables
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>
31
Keombre
<pre lang="xml" >{{xmlString}}</pre>

これは私のために働いた。 http://www.codeproject.com/Answers/998872/Display-XML-in-HTML-Div#answer1 に感謝

14
mcsekar

コンテンツを[〜＃〜] html [〜＃〜]ではなくtextとして扱う場合、DOM操作によりデータが適切にエンコードされるはずです。 jQueryでこれを行う方法は次のとおりです。

$('#container').text(xmlString);

標準のDOMメソッドを使用してこれを行う方法は次のとおりです。

document.getElementById('container')
        .appendChild(document.createTextNode(xmlString));

サーバー側のスクリプティングを介してHTML内にXMLを配置する場合、それを可能にするためのエンコード関数がバインドされています（サーバー側のテクノロジーを追加する場合は、具体的な例を示しますやります）。

14
Jacob

2017年の更新だと思います。 textareaは、Spring、Bootstrapなどを使用してうまく機能しました。 DBに格納されているSOAPペイロードを取得し、Spring-MVCを介してSpringおよびPushで読み取りました。 xmpはまったく機能しませんでした。

1
mkirouac