-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (150 loc) · 6.83 KB
/
index.html
File metadata and controls
160 lines (150 loc) · 6.83 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, shrink-to-fit=no, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Arduino External Editor</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/fonts.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div id="topbar">
<div class="container-fluid">
<div class="row">
<div id="filename" class="col-xs-4"></div>
<div class="col-xs-4"></div>
<div class="col-xs-4 text-right">
<div id="help-btn" class="topbar-btn" data-toggle="tooltip" data-placement="bottom" title="Help">
<i class="fa fa-question-circle" aria-hidden="true"></i>
</div>
<div id="open-btn" class="topbar-btn" data-toggle="tooltip" data-placement="bottom" title="Open">
<i class="fa fa-folder-open" aria-hidden="true"></i>
</div>
<input style="display:none;" id="fileDialog" type="file"/>
<div id="save-btn" class="topbar-btn" data-toggle="tooltip" data-placement="bottom" title="Save">
<i class="fa fa-floppy-o" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar">
<div id="sidebar-toolbar">
<div id="reparse-btn" class="topbar-btn" data-toggle="tooltip" data-placement="bottom" title="Split Files">
<i class="fa fa-sitemap" aria-hidden="true"></i>
</div>
</div>
<div id="file-breakout"></div>
<div class="oshlab">
<p>Created by</p>
<a href="https://oshlab.com" target="_blank"><img src="img/oshlab.png"></a>
</div>
</div>
<div id="editor-box">
<div id="editor"></div>
</div>
<div class="clearfix"></div>
<div id="welcome">
<div class="container-fluid">
<h3 class="font-orange">Welcome to the Arduino External Editor</h3>
<p class="font-grey">This is an external editor for the Arduino IDE. You will still use the Arduino IDE to
select boards files,
upload, and connect with the serial monitor. The only thing this does is makes it easier to write the code
for Arduino.</p>
<hr>
<div class="row">
<div class="col-xs-6">
<div id="additional-help">
<h4 class="font-yellow">Additional Help</h4>
<p>You can get additional help, including documentation and updates, on our website.
<a href="https://oshlab.com/arduinoeditor/" target="_blank">https://oshlab.com/arduinoeditor/</a>
</div>
<div id="arduino-help">
<h4 class="font-yellow">Using with the Arduino IDE</h4>
<p>To use with the Arduino IDE, you need to enable the external editor. Open the file (or create and
save one) you want to work with
in the Arduino IDE. Open <span class="font-green">File -> Preferences</span>. Check <span
class="font-green">Use external editor</span>.</p>
<p>Now you just need to open the file in this editor. When you make changes here, you will see those
changes
in Arduino. You can compile, upload, and use the serial monitor just like you would
normally. </p>
</div>
<div id="hotkeys-help">
<h4 class="font-yellow">HotKeys</h4>
<p><span class="font-green">Alt-S</span> - <span class="font-grey">Splits files based on Virtual File tags</span>
</p>
<p><span class="font-green">Alt-F</span> - <span class="font-grey">Insert Virtual File tag</span>
</p>
</div>
</div>
<div class="col-xs-6">
<div id="vf-help">
<h4 class="font-yellow">Creating Virtual Files</h4>
<p>The External Arduino Editor works with virtual files. There is no need for header files or c /
c++
files.
The files are split up virtually but remain a single Arduino INO file.</p>
<p>Now you can fill your file with virtual file tags. The tags look like this
<span class="font-green">//{{</span><span class="font-orange">yourFileName</span><span
class="font-green">}}</span></p>
<p><span class="font-orange">A tag must be at the top</span>. Everything after the virtual file tag
will
be
placed in a new virtual file all the way to the end, unless a new virtual file tag is found.
When
you are
done with your tags, click the split file button to generate the virtual files.</p>
<img src="img/welcome1.png">
</div>
</div>
</div>
</div>
<div class="version-box">
<div class="version-text">
Version <span class="version-num"></span>
</div>
</div>
</div>
<div id="notifier"> something</div>
<div id="modal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 id="modal-title" class="modal-title">Modal title</h4>
</div>
<div id="modal-body" class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal -->
<div class="donate-container">
<div class="donate-button">
Donate
</div>
</div>
<!-- load ace -->
<script src="/js/ace/ace.js"></script>
<script src="/js/ace/ext-language_tools.js"></script>
<script src="/js/arduino_language_tools.js"></script>
<script src="/js/app.js"></script>
</body>
</html>