154 lines
4.3 KiB
HTML
154 lines
4.3 KiB
HTML
|
|
||
|
|
<!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>
|