added eugtk examples
This commit is contained in:
153
eugtk/examples/documentation/bear.html
Normal file
153
eugtk/examples/documentation/bear.html
Normal file
@@ -0,0 +1,153 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Bear Docs</title>
|
||||
<style>
|
||||
div.hint {
|
||||
display: block;
|
||||
border: thin solid black;
|
||||
padding: 8px;
|
||||
font-size: small;
|
||||
background-image: linear-gradient(180deg, cornsilk,skyblue);
|
||||
border-radius: 15px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
width=80%;}
|
||||
|
||||
div.hdr {
|
||||
display: block;
|
||||
background-image: linear-gradient(180deg, cornsilk, skyblue);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
div.quote {
|
||||
display: block;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
border: thin solid black;
|
||||
background-image: linear-gradient(180deg, ivory,honeydew);
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
div.quote dd {font-size: smaller;}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="hdr">
|
||||
<h2><hr />The Bear Help file<hr /></h2>
|
||||
</div>
|
||||
|
||||
<figure style="float:right; border:solid thin black; border:none; width="100%">
|
||||
<a href="images/bear0.png">
|
||||
<img src="images/bear0.png" alt="bear" width="100%" style="margin-left:0;" /></a>
|
||||
<figcaption>
|
||||
<small><i> The BEAR can even view Bear videos!</i></small>
|
||||
</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<br clear="all" />
|
||||
|
||||
<h4>Browser Controls</h4>
|
||||
<img src="images/bear1.png" />
|
||||
|
||||
<p>
|
||||
To open a page from the web, click the Network button. A dialog box
|
||||
will appear for you to type in a web address: http://OpenEuphoria.org,
|
||||
for example. This button will be disabled if you are not on a network.
|
||||
</p>
|
||||
<p>
|
||||
To open a local file (.html or otherwise), click the Local button. In most cases,
|
||||
the file type will be automatically recognized and placed into the appropriate
|
||||
window.
|
||||
</p>
|
||||
|
||||
<div class="hint">
|
||||
<img class="hint" src="../thumbnails/hint.png" alt="hint" width="100px" align="left" float="right" />
|
||||
|
||||
<p>
|
||||
The sourcecode editor does <i><b>not</b></i> automatically 'track' the
|
||||
current web page being viewed. If you want to edit the current web page
|
||||
.html, you <b>must</b> click on the Edit button in the Browser toolbar!</p>
|
||||
</div>
|
||||
|
||||
<hr />
|
||||
|
||||
<h4>Source Controls</h4>
|
||||
|
||||
<img src="images/bear3.png" />
|
||||
|
||||
<p>
|
||||
Click New or Open to create or edit a text file (Euphoria source code, for example).
|
||||
If the file extension is .ex, then the Execute button in the Source toolbar
|
||||
will be enabled; clicking on it will run <i>a temporary copy</i> of the program in the Source pane.
|
||||
If you are satisfied with the way the temporary copy ran, just click on the Save or SaveAs buttons
|
||||
to write the updated code to disk.
|
||||
</p>
|
||||
|
||||
<img src="images/bear4.png" />
|
||||
|
||||
<p>
|
||||
The Execute button will be disabled if the code being edited is not
|
||||
a Euphoria program, but the Save and SaveAs buttons will function to save
|
||||
text, including .html that you may have modified. If the file is .html, then
|
||||
the WebView will be reloaded to show the updated web page.
|
||||
</p>
|
||||
|
||||
<div class="quote">
|
||||
<h4>Preferences</h4>
|
||||
<p>
|
||||
Options for the source code editor are:
|
||||
<ul>
|
||||
<li>Set Editor Font<dd> (only monospace fonts are shown in the
|
||||
font dialog, since this is primarily for editing source and html
|
||||
code)</dd></li>
|
||||
<li>Use Line Numbers</li>
|
||||
<li>Spaces and Tabs<dd>Make whitespace characters visible</dd></li>
|
||||
</ul>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
|
||||
<b>Navigating</b>
|
||||
<p>
|
||||
In order to more easily edit html source code, you can highlight
|
||||
words or a phrase in the web view, and select 'copy' from the pop-up menu.
|
||||
Then click on the Find button in the Web Page control panel.
|
||||
This will try to scroll the editor
|
||||
pane to find the matching word(s).
|
||||
</p>
|
||||
|
||||
<p>Avoid clicking on text that
|
||||
includes markup, such as <i>italics</i> or <b>bold</b>, as those won't match a text search.
|
||||
Neither will markup items such as & < >, etc.,
|
||||
or hidden markup such as links.
|
||||
</p>
|
||||
|
||||
<p>This scheme doesn't always work perfectly,
|
||||
(sometimes not at all, try clicking on the find button again),
|
||||
but it's certainly
|
||||
better than nothing! If you know of a better way, please let me know!
|
||||
</p>
|
||||
|
||||
<footer>
|
||||
<div class="hint">
|
||||
<img class="hint" src="../thumbnails/mongoose.png" alt="hint" align="left" float="right" />
|
||||
<p>
|
||||
This page edited by The <a href="../BEAR.ex">Bear</a>,
|
||||
a web-page and programming editor
|
||||
written in <a href="OpenEuphoria.org">Euphoria</a>.
|
||||
</p>
|
||||
<p>
|
||||
Updated for EuGTK version 4.11.11, Aug 15, 2016<br />
|
||||
All code © 2016 by Irv Mullins
|
||||
</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user