Web Wiz
Home
Home
Hosting Services
Hosting Services
Knowledgebase
Knowledgebase
Community and Support Forums
Support Forums
Customer Login
Customer Login


Web Wiz Rich Text Editor Advanced Integration



The following step by step guide describes how to turn your websites pre-existing textareas element into an HTML WYSWWYG area.
  1. Check with your web host that your web space meets the system requirements for running Web Wiz Rich Text Editor.
     
  2. Uses a zip utility program to extract the files to your hard drive keeping the original file structure intact.
    Extract files using a zip extraction tool
    The files named 'default.asp' and display_form_submission.asp' are ONLY examples files of how Web Wiz Rich Text Editor works and can be safely deleted.

  3. Place the contents of the folder named 'RTE' into the same directory on your website as the web page containing your textarea.
    Directory Layout
  4. The web page that contains the textarea you wish to integrate Web Wiz Rich Text Editor into must have an .asp extension (eg. my_web_form.asp (this an example file name and not a real file))
    Web Form Page .asp Extension
  5. Your textarea needs to be part of a form that is correctly written with both matching 'name' and 'id' attributes for each of your form's elements.

    Example:-
    <form action="example_process_form.asp" method="post" name="myForm" id="myForm">
      <textarea cols="90" rows="33" name="myTextarea" id="myTextarea">
        Pre-filled textarea contents goes here
      </textarea>
      <input type="submit" name="Submit" id="Submit" value="Submit Form" />
      <input type="reset" name="reset" id="reset" value="Reset Form" />
    </form>

  6. The following onLoad event must be placed into the <body> tag of your web page to initialise the
    RTE textarea:-
    onLoad="initialiseWebWizRTE();"
    Example:
    <body OnLoad="initialiseWebWizRTE();">

  7. Copy and paste the code below into your web page, immediately above your textarea that you want to become an HTMLarea.

    <%
    'Declare the ASP variables used
    Dim strFormName
    Dim strTextAreaName

    'ID tag name of the HTML form the textarea is within
    strFormName = ""

    'ID tag name of HTML textarea being replaced
    strTextAreaName = ""
    %>
    <!--#include file="RTE_editor_inc.asp" -->

  8. You are almost done, but before you can use the Rich Text Editor you need to edit a couple of the lines above you have just copied and pasted into your web page to initialise the variables with the 'name' and 'id' attributes of your HTML web form and your textarea elements.

    1. Change the 'strFormName' variable shown below to place between the quotes ("") the 'name', 'id' attribute of your web form that your textarea is within:-
      strFormName = "myForm"

    2. Change the 'strTextAreaName' variable shown below to place between the quotes ("") the 'name', 'id' attribute of your forms textarea that you wish to turn into the RTE textarea:-
      strTextAreaName = "
  9. Below you will find extracts of how your web page should look after you have altered it to integrate Web Wiz Rich Text Editor.

    Example:
    <html>

     <body OnLoad="initialiseWebWizRTE();">
      <form action="example_process_form.asp" method="post" name="myForm" id="myForm">
    <%
    'Declare the ASP variables used
    Dim strFormName
    Dim strTextAreaName

    'ID tag name of the HTML form the textarea is within
    strFormName = "myForm"

    'ID tag name of HTML textarea being replaced
    strTextAreaName = "myTextarea"
    %>

    <!--#include file="RTE_editor_inc.asp" -->
        <textarea cols="90" rows="33" name="myTextarea" id="myTextarea">
          Pre-filled textarea contents goes here
        </textarea>
        <input type="submit" name="Submit" id="Submit" value="Submit Form" />
        <input type="reset" name="reset" id="reset" value="Reset Form" />
      </form>



     </body>
    </html>


Become a Fan on Facebook Follow us on Twitter Web Wiz on Google+ Community Forums Web Wiz Blogs Web Wiz News
Company Information | Contact Web Wiz | Terms & Conditions | Privacy Policy

Prices exclude VAT unless otherwise stated - $, € prices shown as a guideline only
Web Wiz Ltd, Unit 10E Dawkins Road Ind. Est, Poole, Dorset, UK, BH15 4JD
Copyright ©2001-2012 Web Wiz - All rights reserved