JavaScript YAML Parser

时间:2010-12-02 14:03:59

标签: javascript html parsing yaml

我正在寻找一个JavaScript YAML解析器,它将YAML转换为HTML页面中可用的东西。我在Github上尝试过这个版本(https://github.com/visionmedia/js-yaml),但它看起来只适用于node.js

我应该使用哪些库,是否有示例代码显示示例用法?

4 个答案:

答案 0 :(得分:28)

JS-YAML解析器可在浏览器中使用。这是在线演示http://nodeca.github.com/js-yaml/。虽然,它的主要目标是node.js,而浏览器版本只是为了好玩而完成的:)

答案 1 :(得分:26)

这是我发现的一个。不确定这个规格有多少,但它符合我的需要。

https://github.com/jeremyfa/yaml.js

答案 2 :(得分:25)

抱歉回答旧帖,但我遇到了和你一样的问题。

没有任何javascript YAML解析器满足我的需求,所以我开发了自己的: 它可以在这里找到:http://code.google.com/p/javascript-yaml-parser/

希望它有助于某人:)

Cumps, 迪奥戈

答案 3 :(得分:5)

js-yaml在OSX上的Safari,Chrome和Firefox中运行良好。这是一个例子:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Test js-yaml</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="./js-yaml/dist/js-yaml.min.js"></script>
    <script type="text/javascript">

        // YAML string to Javascript object
        var obj = jsyaml.load( 'greeting: hello\nname: world' );
        console.log( obj );

        // YAML file to Javascript object
        $.get( 'https://raw.githubusercontent.com/nodeca/js-yaml/c50f9936bd1e99d64a54d30400e377f4fda401c5/benchmark/samples/document_application2.yaml', function( data ) {
            var obj = jsyaml.load( data );
            console.log( obj );
        });

        // Huge YAML file (7.2 MB) to Javascript object
        $.get( 'https://raw.githubusercontent.com/nodeca/js-yaml/master/benchmark/samples/document_huge.yaml', function( data ) {
            var obj = jsyaml.load( data );
            console.log( obj );
        });

    </script>
</head>
<body>
<h1>Test js-yaml</h1>
<p><a href="https://github.com/nodeca/js-yaml">https://github.com/nodeca/js-yaml</a></p>
</body>
</html>