nadesiko3
Version:
Japanese Programming Language
90 lines (86 loc) • 3.76 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nadesiko3 Editor</title>
<link rel="stylesheet" href="../src/wnako3_editor.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ace.js" integrity="sha512-GZ1RIgZaSc8rnco/8CXfRdCpDxRCphenIiZ2ztLy3XQfCbQUSCuk8IudvNHxkRA3oUg6q0qejgN/qqyG1duv5Q==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-language_tools.min.js" integrity="sha512-8qx1DL/2Wsrrij2TWX5UzvEaYOFVndR7BogdpOyF4ocMfnfkw28qt8ULkXD9Tef0bLvh3TpnSAljDC7uyniEuQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-options.min.js" integrity="sha512-oHR+WVzBiVZ6njlMVlDDLUIOLRDfUUfRQ55PfkZvgjwuvGqL4ohCTxaahJIxTmtya4jgyk0zmOxDMuLzbfqQDA==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.4.12/ext-code_lens.min.js" integrity="sha512-gsDyyKTnOmSWRDzUbpYcPjzVsEyFGSWeWefzVKvbMULPR2ElIlKKsOtU3ycfybN9kncZXKLFSsUiG3cgJUbc/g==" crossorigin="anonymous"></script>
<script src="../release/wnako3.js"></script>
<script src="../release/version.js"></script>
<script src="../release/plugin_markup.js"></script>
<script src="../release/plugin_csv.js"></script>
<script src="../release/plugin_kansuji.js"></script>
<script src="../release/plugin_datetime.js"></script>
<script src="../release/plugin_turtle.js"></script>
<script src="../release/plugin_caniuse.js"></script>
<script src="../release/plugin_webworker.js"></script>
<!-- mochaを一番最後に読み込む必要がある -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/8.3.0/mocha.min.js" integrity="sha512-LA/TpBXau/JNubKzHQhdi5vGkRLyQjs1vpuk2W1nc8WNgf/pCqBplD8MzlzeKJQTZPvkEZi0HqBDfRC2EyLMXw==" crossorigin="anonymous"></script>
</head>
<body>
単純な例
<div id="editor1">もしはいならば
「こんにちは」を表示
ここまで
</div>
インデント構文
<div id="editor2">！インデント構文
Nを1から3まで繰り返す
Nを表示
「1行目
2行目」を表示
/*
範囲コメント
*/
</div>
コンパイルエラーの表示
<div id="editor3">
「{」を表示
</div>
readonly
<div id="editor4" data-nako3-readonly="true">1+2を表示
</div>
コンパイルエラーの表示の無効化
<div id="editor5" data-nako3-disable-marker="true">
「{」を表示
</div>
エディタのリサイズ
<div id="editor8" data-nako3-resizable="true"></div>
長いプログラム
<div id="editor6"></div>
実行時エラーの表示
<div id="editor7">Aを表示
1のエラー発生
</div>
テストの定義にcode lensを表示する
<div id="editor9">●テスト:足すとは
ここまで
●テスト:引くとは
ここまで
</div>
<script>
// text.repeat(n)
function repeat(text, n) {
var s = ''
for (var i = 0; i < n; i++) {
s += text
}
return s
}
navigator.nako3.setupEditor("editor1")
navigator.nako3.setupEditor("editor2")
navigator.nako3.setupEditor("editor3")
navigator.nako3.setupEditor("editor4")
navigator.nako3.setupEditor("editor5")
navigator.nako3.setupEditor("editor6").editor.setValue(repeat("A=1\nB=2\nA+Bを表示\n", 200), -1)
navigator.nako3.setupEditor("editor7").run({ preCode: 'A=1\n' }).promise // 他のエディタも連続して実行するならこれをawaitすること。
navigator.nako3.setupEditor("editor8").editor.setValue(repeat("A=1\nB=2\nA+Bを表示\n", 30), -1)
navigator.nako3.setupEditor("editor9").codeLensListeners.push({ name: 'test', callback: function () {} })
</script>
</body>
</html>