Web Wiz
  Knowledgebase Knowledgebase      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 must be placed at the very top of your web pageto allow the RTE textarea to work in IE 11 and above:-
    <% Response.AddHeader "X-UA-Compatible","IE=EmulateIE10" %>

  7. 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();">

  8. 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" -->

  9. 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 = "
  10. 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:
    <% Response.AddHeader "X-UA-Compatible","IE=EmulateIE10" %>
    <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 Find us on Google+ Community Forums Web Wiz Blogs Web Wiz News
About Web Wiz | Contact Web Wiz | Terms & Conditions | Cookies | Privacy Policy

Web Wiz is the trading name of Web Wiz Ltd. Company registration No. 5977755. Registered in England and Wales.
Registered office: Unit B10, 9 Nimrod Way, East Dorset Trade Park, Wimborne, Dorset, BH21 7UH, United Kingdom.

Prices exclude VAT unless otherwise stated. VAT No. 988999105 - $, € prices shown as a guideline only.


Copyright ©2001-2016 Web Wiz Ltd. All rights reserved.