The magic of online content editing is the "text" command:
<h1>Hot news: <beetext "headline"></h1>
<i>by <beetext "reporter"></i>
<hr>
<script language="bee">
text "date";
display "<p>\n";
text "content";
</script>
Note: The "beetext" tag and the "text" script command are equivalent. Both forms are used above as an example of coding alternatives.
Initially, this page will display "Hot news:", followed by a "by" in italic and a horizontal line. But when you are logged in as the administrator, you will see a small icon (Edit-Text icon) in the place of the "text" command (i.e. one next to "Hot news:", one next to "by" and two under the horizontal line.) Each of these Edit-Text icons will click into a new browser window called the Text Editing Screen (TES).
In the TES window, the normal browser menu and tool bar at the top will be replaced by the BEE Text Editing Tool Panel, with common features like cut-and-paste, character formatting, text indentation, colour selection, hyperlink and image insertion. Anyone who has used office software would feel at home with such a tool panel.
The content area of the TES window contains the original web page (without the Edit-Text icons). The editable text is surrounded by a dotted-line rectangular frame (Text Editing Area, or TEA). Contents out of this area are not changeable. i.e. Only the "<beetext>" tag and the "text" statement will be replaced by the entered content. The web designer is still in control of the page structure and layout.
|