turtle-web-editor/index.html

40 lines
1.5 KiB
HTML

<html>
<head>
<title>Turtle Web Editor</title>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/ttl.js"></script>
<script src="js/codemirror.js"></script>
<script src="js/turtle.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/codemirror.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
.CodeMirror {
border: 1px solid #eee;
height: 70%;
}
</style>
</head>
<body>
<div class="container">
<h1>Turtle Web Editor</h1>
<p>Online text editor with <a href="https://en.wikipedia.org/wiki/Turtle_(syntax)">Turtle</a> syntax highlighting and validation. This is a remix of <a href="https://github.com/IDLabResearch/TurtleValidator">IDLab Turtle Validator</a> using <a href="https://codemirror.net">Codemirror</a>.
<form>
<div class="form-group">
<textarea class="area" id="ta_turtle"></textarea>
</div>
<div class="form-group">
<input type="button" id="btn_example" class="btn btn-default" value="Load Example"/>
<input type="button" id="btn_validate" class="btn btn-default" value="Validate!"/>
<input type="button" id="btn_download" class="btn btn-default" value="Download"/>
</div>
</form>
<ul id="errors"></ul>
<ul id="warnings"></ul>
<p id="results"></p>
<script src="js/app.js"></script>
</div>
</body>
</html>