title: Open and edit segments of an html page using Javascript or WYSIWYG
body: <p>for I am making an educational website, with practice problems on there, I have a private login area for the teacher, and I was wondering if it was possible to edit the HTML of the other page containing the problems, say if the teacher wished to add more. </p>
  
  <p>I've seen WYSIWYG editors about like the CKEditor, but they have confused me on implementation and capabilities so far, any advice would be much appreciated :)</p>
  
  <p>also if it was possible to have only a segment of the code show, as the teacher using this does not have any experience so the least amount of tech difficult possible would also be greatly appreciated :)</p>
  
  <p>if you have any questions or requests for code please ask :)
  thank you :)</p>
  
  <pre><code>&lt;div class="main_story" style="margin-bottom:20px;"&gt;
                          &lt;p class="sentence"&gt;the word to go here -&gt;&lt;/p&gt;
                          &lt;input id="you" name="input" class="sentence" type="text" size="7"&gt;
                          &lt;p class="sentence"&gt;is you&lt;/p&gt;
                          &lt;button style="float:right" id="correct" onClick="Check('you', 'bShow');"&gt;Check answer&lt;/button&gt;
                          &lt;input style="float:right" name="bShow" id="bShow" type="checkbox" value=""&gt;
                          &lt;p class="sentence" style="float:right"&gt;correct&lt;/p&gt;
                      &lt;/div&gt;
  </code></pre>
  
  <p>it is only really the <p> and the onClick call from the button that need to be changed, id's may need to be as well, is there any WYSIWYG editor that can edit html in this raw format? :/</p>