https://toyaml.com/index.html

1<!DOCTYPE html>
2<html lang="zh">
3<head>
4    <meta charset="UTF-8">
5    <title>在线yaml转properties-在线properties转yaml-ToYaml.com</title>
6    <link rel="icon" href="./favicon.ico" type="image/x-icon" />
7    <meta name="keywords" content="涂鸦帽,properties转yml,properties转yaml,properties to yaml,yaml to properties,yml to properties,yml转properties,yaml转properties">
8    <meta name="description" content="在线yaml转properties工具 - toyaml">
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10    <!--<style>
11        html {
12            -webkit-filter: grayscale(100%);
13            -moz-filter: grayscale(100%);
14            -ms-filter: grayscale(100%);
15            -o-filter: grayscale(100%);
16            filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
17            _filter:none;
18        }
19    </style>-->
20    

20<script>
21        var timeOutEvent = setTimeout(function(){
22            window.location.href = "/indexOld.html";
23        }, 15000);
24    </script>

24
25    

25<script src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js"></script>

25
26    <link href="https://cdn.staticfile.org/bootstrap/5.2.3/css/bootstrap.min.css" rel="stylesheet">
27    

27<script src="https://cdn.staticfile.org/bootstrap/5.2.3/js/bootstrap.bundle.min.js"></script>

27
28    <!--

28<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script>

28-->
29    

29<script src="https://cdn.staticfile.net/ace/1.2.6/ace.js" type="text/javascript" charset="utf-8"></script>

29
30
31    <!--

31<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>

31-->
32    

32<script src="https://cdn.staticfile.net/ace/1.2.6/ext-language_tools.js" type="text/javascript" charset="utf-8"></script>

32
33    <!--

33<script src="https://cdn.staticfile.org/SyntaxHighlighter/3.0.83/scripts/shAutoloader.js"></script>

33-->
34
35    

35<script>
36        setTimeout(function(){
37            clearTimeout(timeOutEvent);
38        }, 0)
39    </script>

39
40
41
42</head>
43<body class="">
44
45<nav class="navbar navbar-expand-md navbar-dark bg-dark" aria-label="Ninth navbar example">
46    <div class="container">
47        <a class="navbar-brand text-warning" href="#">ToYaml.com</a>
48        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
49            <span class="navbar-toggler-icon"></span>
50        </button>
51        <div class="collapse navbar-collapse" id="navbarCollapse">
52            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
53                <li class="nav-item">
54                    <a class="nav-link active" aria-current="page" href="/index.html">首页</a>
55                </li>
56                <!--<li class="nav-item">
57                    <a class="nav-link" href="/chat.html">机器人陪聊</a>
58                </li>
59                <li class="nav-item">
60                    <a class="nav-link" id="race_notice_s2" href="/ad.html">机器人陪聊(快速连续版)</a>
61                </li>-->
62                <!--<li class="nav-item dropdown">
63                    <a class="nav-link dropdown-toggle" id="race_notice_s" href="#" data-bs-toggle="dropdown" aria-expanded="false">AI宝箱</a>
64                    <ul class="dropdown-menu">
65                        <li><a class="dropdown-item" href="https://toyaml.com/name-expert">起名</a></li>
66                        <li><a class="dropdown-item" href="https://toyaml.com/email-expert">写邮件</a></li>
67                        <li><a class="dropdown-item" href="#">持续补充中...</a></li>
68                    </ul>
69                </li>-->
70
71                <!--<li class="nav-item">
72                    <a class="nav-link" target="_blank" href="http://www.liuyuxiang.com:9999/chatIMG.html">机器人作画(测试版)</a>
73                </li>-->
74                <!--<li class="nav-item">
75                    <a class="nav-link" target="_blank" href="https://www.cnblogs.com/flying607/">博客</a>
76                </li>-->
77                <!--<li class="nav-item">
78                    <a class="nav-link" target="_blank" href="https://mall.2yaml.com">本站小店</a>
79                </li>-->
80                <!--<li class="nav-item">
81                    <a class="nav-link disabled">Disabled</a>
82                </li>-->
83                <li class="nav-item dropdown">
84                    <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" aria-expanded="false">其它有趣工具抽屉</a>
85                    <ul class="dropdown-menu">
86                        <li><a class="dropdown-item" href="https://toyaml.com/pcupdate.html">模拟系统更新（摸鱼向）</a></li>
87                        <li><a class="dropdown-item" href="#">持续补充中...</a></li>
88                    </ul>
89                </li>
90                <li class="nav-item">
91                    <a class="nav-link" href="/indexOld.html">返回老版</a>
92                </li>
93
94                <li class="nav-item">
95                    <a class="nav-link" href="/about.html">关于</a>
96                </li>
97
98            </ul>
99            <!--<form role="search">
100                <input class="form-control" type="search" placeholder="Search" aria-label="Search">
101            </form>-->
102        </div>
103    </div>
104</nav>
105
106<div class="container-fluid bg-light shadow-sm">
107    <div class="container">
108    <div class="nav-scroller py-1 mb-2">
109        <nav class="nav d-flex justify-content-between">
110            <a class="p-2 link-primary" target="_blank" href="https://github.com/withflyingfree/adrepo/blob/master/README.md">外服游戏加速/Github加速/Google搜索加速</a>
111            <a class="p-2 link-primary" target="_blank" href="https://my.racknerd.com/aff.php?aff=7748&pid=681">20刀/年的海外服务器</a>
112            <a class="p-2 link-secondary" target="_blank" href="https://toyaml.com/pcupdate.html">外出摸鱼</a>
113        </nav>
114    </div>
115    </div>
116
117</div>
118<div class="container">
119    <div class="row vertical-middle"><div class="col-md-12">Properties和Yaml格式互转:将内容粘贴到相应格式的输入框中，点击中间按钮即可完转换</div></div>
120    <div id="liveAlertPlaceholder"></div>
121
122    <div class="row vertical-middle">
123        <div class="col-md-5 col-lg-5">
124            <div class="panel  panel-primary">
125                <div class="panel-header"><b>Properties:</b></div>
126                <div class="panel-body">
127                    <pre id="codeProperties" class="form-control ace_editor" style="min-height:650px"><textarea id="from" style="font-size:19px; " rows="30" class="ace_text-input" placeholder="properties content"></textarea></pre>
128                </div>
129            </div>
130        </div>
131
132        <div class="col-md-2 col-lg-2 text-center" style="line-height: 650px;">
133            <div class="btn-group-vertical">
134                <input class="btn btn-secondary" type="button" value="to yaml>>" onclick="Base.parseYml()">
135                <!--<input  class="btn btn-primary" style="margin-top: 10px;" type="button" value="穿越探索" onclick="window.open('https://github.com/withflyingfree/adrepo/blob/master/README.md')">-->
136                <input  class="btn btn-secondary" style="margin-top: 10px;" type="button" value="<<to prop" onclick="Base.parseProp()">
137            </div>
138        </div>
139
140        <div class="col-md-5 col-lg-5">
141            <div class="panel  panel-primary">
142                <div class="panel-header"><b>YAML:</b></div>
143                <div class="panel-body">

144                    <pre id="codeYaml" class="ace_editor form-control" style="min-height:650px"><textarea id="to" style="font-size:19px; " rows="30" class="form-control" placeholder="yaml content"></textarea></pre>
145                </div>
146            </div>
147        </div>
148    </div>
149
150    <div class="modal fade" id="loadingModal">
151        <div style="width: 200px;height:20px; z-index: 20000; position: absolute; text-align: center; left: 50%; top: 50%;margin-left:-100px;margin-top:-10px">
152            <div class="progress progress-striped active" style="margin-bottom: 0;">
153                <div class="progress-bar" style="width: 100%;"></div>
154            </div>
155
156        </div>
157    </div>
158    <footer>
159        <div class="row">
160            <div class="col-md-12 col-lg-12 text-center">
161                <div class="fixed"><a target="_blank" href="https://beian.miit.gov.cn">鲁ICP备17055210号-1</a>
162                    <br>
163                    Copyright ©2023, TOYAML.COM, All Rights Reserved
164                    <br>
165                    E-Mail:<code>"flyingfree#qq.com".replace("#","@");</code>
166                </div>
167
168            </div>
169        </div>
170    </footer>
171</div>
172</body>

173<script>
174    var toYamlUrl="https://toyaml.com/y";
175    var toPropUrl="https://toyaml.com/p";
176    var editorp = ace.edit("codeProperties");
177    var editory = ace.edit("codeYaml");
178    initTextArea("codeProperties","properties");
179    initTextArea("codeYaml","yaml");
180    var Base = {
181        parseYml : function () {
182            // Base.showLoading();
183            $.ajax({
184                type: "post",
185                data:{"prop":editorp.getValue()},
186                url: toYamlUrl,
187                dataType:"text",
188                success: function(data) {
189                    editory.setValue(data);
190                    // Base.hideLoading();
191                }
192            });
193        },
194        parseProp : function () {
195            // Base.showLoading();
196
197            $.ajax({
198                type: "post",
199                data:{"yaml":editory.getValue()},
200                url: toPropUrl,
201                dataType:"text",
202                success: function(data) {
203                    editorp.setValue(data);
204                    // Base.hideLoading();
205                }
206            });
207        },
208        showLoading : function () {
209            $("#loadingModal").modal('show');
210        },
211        hideLoading : function () {
212            $('#loadingModal').modal('hide');
213        }
214    }
215
216
217    var color = [ 'yellow','white'];
218
219    function initTextArea(id,type){
220        //初始化对象
221        var editor = ace.edit(id);
222        //设置风格和语言（更多风格和语言，请到github上相应目录查看）
223        theme = "clouds"
224        language = type
225        editor.setTheme("ace/theme/" + theme);
226        editor.session.setMode("ace/mode/" + language);
227        //字体大小
228        editor.setFontSize(16);
229        //设置只读（true时只读，用于展示代码）
230        editor.setReadOnly(false);
231        //自动换行,设置为off关闭
232        editor.setOption("wrap", "free")
233        //启用提示菜单
234        //ace.require("ace/ext/language_tools");
235        editor.setOptions({
236            enableBasicAutocompletion: true,
237            enableSnippets: true,
238            enableLiveAutocompletion: true
239        });
240    }
241
242
243    const alertPWD = () => {
244        const alertPlaceholder = document.getElementById('liveAlertPlaceholder')
245        const wrapper = document.createElement('div')
246        wrapper.innerHTML = [
247            '<div class="alert alert-primary alert-dismissible" id="hasPWD" role="alert"><div class="alert-danger">检测到配置文件中存在[password]关键字，建议将密码删除或者替换为[******]再操作</div><button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>'
248        ].join('')
249        if(alertPlaceholder.childElementCount == 0){
250            alertPlaceholder.append(wrapper)
251        }
252        if(alertPlaceholder.childElementCount > 0){
253            alertPlaceholder.removeChild(alertPlaceholder.firstChild);
254            alertPlaceholder.append(wrapper)
255        }
256    }
257
258    function check(txt){
259        if(txt.indexOf("password")>-1) {
260            alertPWD()
261        }
262    }
263
264
265    window.onload = function () {
266        function move() {
267            var race_notice_s = document.getElementById('race_notice_s');
268
269            function move_do() {
270                var math = Math.floor(Math.random() * color.length);
271                race_notice_s.style.color=color[math];
272            }
273            setInterval(move_do,500);
274        }
275        //move();
276    }
277
278    $(document).on('paste', function(event) {
279        clipboardData = event.originalEvent.clipboardData || window.clipboardData;
280        var text = clipboardData.getData('text');
281        check(text);
282    });
283
284
285</script>

285

286<script>
287    var _hmt = _hmt || [];
288    (function() {
289        var hm = document.createElement("script");
290        hm.src = "https://hm.baidu.com/hm.js?d261b815162db1e53e4ac48b8192eda2";
291        var s = document.getElementsByTagName("script")[0];
292        s.parentNode.insertBefore(hm, s);
293    })();
294</script>

294
295</html>