Subversion Repositories wimsdev

<h2>Interactive OEF editor Fonctionalities (used in Createxo raw mode)&nbsp;:</h2>

<div class="container">

  <h4> Horizontal menu : <img src="gifs/editor/help/menu_fr.png" alt="Horizontal menu screenshot"></h4>

  <div class="content">

    <p> Horizontal menu contains layering buttons (HTML), and buttons to insert some frequent WIMS instructions, and the last button displays this help page.</p>

    <p> First button group let you insert HTML layering tags. First select a word in your code, then click on the <span class="editor_button">I</span> button, and your word will be embeded like this&nbsp;:</p>

    <p><code><em> &lt;em&gt;</em>selected word<em>&lt;/em&gt;</em></code>.</p>

    <p>This will present your word in an italic style in your exercice.</p>

    <p>Other buttons are more specific to OEF language, and are grouped in 3 parts : "BEFORE", "DURING", and "AFTER"&nbsp;: </p>

    <ul>

      <li><strong>BEFORE</strong> - instructions in this part are executed before the exercice display. Most of them are exercice metadatas (title, author...)</li>

      <li><strong>DURING</strong> - This second part let you manage how your exercice will be displayed on the screen </li>

      <li><strong>AFTER</strong> - This last part let you analyse learner answers.</li>

    </ul>

  </div>

</div>

<div class="_spacer"><br>

</div>

<div class="container">

  <h4>Instruction list</h4>

  <img src="gifs/editor/help/instruction_list_fr.png" alt="Instruction list screenshot" style="float:left;margin-right:1em;">

  <div class="content">

    <p>Here are listed all Wims instructions</p>

    <p>You can interact with this list in 3 different ways :</p>

    <ul>

      <li> <strong>Insertion</strong> - Just double-click on an instruction, or select one with a simple click, then click on the <em>insert selection</em> button below the list.</li>

      <li> <strong>Documentation</strong> - With a simple click on an instruction, an associated help is displayed in the help box below the textarea.</li>

      <li> <strong>Auto completion</strong> - When you type in an antislash (\) and some lowercase letters, the editor filters the instruction list to display only instructions starting with the letters you've typed.</li>

    </ul>

    <div class="_spacer"></div>

  </div>

</div>

<div class="_spacer"><br></div>