expo/expoweb
1
0
Fork 0
mirror of https://expo.survex.com/repositories/expoweb/.git/ synced 2025-12-08 14:54:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated docum on EditThisPage and new illustration

Browse Source
This commit is contained in:
Philip Sargent
2025-07-07 10:44:04 +03:00
parent 76901dd50f
commit 764cf44230
2 changed files with 13 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
handbook/computing/hbmanual1.html
View File

@@ -28,9 +28,16 @@ To use it you need to <a href="/accounts/login/">log in to troggle</a> using the
<p>When you are a logged-on user you will see "Edit this page" at the bottom of the menu on the top-left of this page. It appears on
nearly all pages in this website. If you click on it you will be able to edit the content of the page.
<img class="onright" alt="gosser bier" src="../i/editthispage.jpg" />
<img width=60% class="onright" alt="gosser bier" src="../i/martin_handbook_edit.jpg" />
<p>The image shows what it looks like when editing the "bierbook" page. There is a menu bar along the top of the panel where you can select the usual word-processing commands to make text <b>bold</b> or <em>italic</em> and to select syles such as headings or plain text.
<p>The image shows what it looks like when editing the "bierbook" page.
Edit the HTML source code in the left pane and you will immediately see the result int he right hand pane.<br />
The buttons at the bottom are for inserting some formatting, and the "Image" button does <em>very clever stuff</em>: it uploads a file from your laptop, reformats it, creates a thumbnail, extracts GPS location from the EXIF data (if a photo etc. etc.).<br />
The other buttons just insert the appropriate HTML tag visibly.
<!--There is a menu bar along the top of the panel where you can select the usual word-processing commands to make text <b>bold</b> or <em>italic</em> and to select syles such as headings or plain text.-->
<p>After editing the page you save your work by clicking on the "Submit" button at the bottom (see it at the bottom-left of the image).
<p>There is nothing to stop you editing lots of pages by this method but you will find it extremely tedious. It is especially tedious creating the links between pages.
@@ -127,6 +134,10 @@ P.S. In older pages that have not been updated recently, you may see this archai
</pre></code>
Where the <var>class="onright"</var> attribute is set on the IMG tag and not on the FIGURE tag or an enclosing DIV tag. If you find one of those in a page you are editing, please update it to use the current &lt;figure&gt; and &lt;figcaption&gt; structure. [Note the mixed URLs in this example, one is absolute and one is relative: this is not a recommended style.]
<h4>TinyMCE</h4>
<p>We used to use a WYSIWYG editor but it got terminally out of date in 2019. We should re-enable it, but it will need modifying because of the way we do images these days.
<img class="onright" alt="gosser bier" src="../i/editthispage.jpg" / width=50%>
<hr />
<h3 id="tidy">Tidying up and committing the edits</h3>