在html页面上使用行制动器显示Turtle文件

Question

我试图在我制作的一个非常简单的主页上显示一个海龟文件。

<p class="lead" id="testbed-meta"> 
    <script>
    $.ajax({
            cache: false,
            type: "GET",
            async: false,
            url: "/native/api/resources/turtle",
            success: function(data,status){ 
            document.getElementById("testbed-meta").innerHTML = data;       
            },
            error: function(xhl,status){
            document.getElementById("testbed-meta").innerHTML = "Error";
            },
            statusCode:{                
                201: function(){
                alert("Error");
                }
            }
        });

    </script>

HTML不理解它是海龟，它在没有行制动器的情况下将其变成一个长字符串，并删除了一些部分。也许是因为有一些“

有没有一种好方法可以通过html或者javascript来显示ttl文件？

编辑：顺便说一下，我忘了说，我得到这样的答案：

@prefix omn-federation: <http://open-multinet.info/ontology/omn-federation#> .

但是超文本标记语言不显示"超文本传输协议：/......"部分。仅：

@prefix omn-federation: .

也许是因为

Answer 1

尝试使用pre标记而不是p标记：

<pre class="lead" id="testbed-meta"></pre>

超文本标记语言预格式化文本

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre

<pre class="lead" id="testbed-meta"> </pre>
<script>
$.ajax({
        cache: false,
        type: "GET",
        async: false,
        url: "/native/api/resources/turtle",
        success: function(data,status){ 
             document.getElementById("testbed-meta").innerHTML = data.replace(/<br\s*\/?>/gi, '\n').replace(/</g, '&lt;'); 


        },
        error: function(xhl,status){
        document.getElementById("testbed-meta").innerHTML = "Error";
        },
        statusCode:{                
            201: function(){
            alert("Error");
            }
        }
    });
</script>

请参见以下小片段：

data = '<br/> \@prefix omn-federation: <open-multinet.info/ontology/omn-federation#>; . <br/> \@prefix rdf: <w3.org/1999/02/22-rdf-syntax-ns#>; . <br/>'
document.getElementById("testbed-meta").innerHTML = data.replace(/<br\s*\/?>/gi, '\n').replace(/</g, '&lt;'); 

<pre id="testbed-meta"></pre>

Answer 2

在成功回调中尝试以下操作：

$("#testbed-meta").text(data);

jQuery的text（）方法为您转义所有HTML。

此外，如果您希望在HTML中获得新行，则需要将所有新行字符替换为HTML的

$("#testbed-meta").text(data).replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, "$1<br>$2");