Xinha Discussion Forum

cryptoj

New member

Registered: 2008-06-10

Posts: 3

Xinha is not defined

I unzipped Xinha_0.95 into my localhost web app root directory. I've tried both with Ie6 and Firefox. With the error console in Firefox there is on an error message displayed "Xinha is not defined". I've experimented with different directory paths all day - it seems it must be related to this but I'm missing something. I'm using the code from the Newbie example along with additional information. Any help or advise on experiments to solve this would greatly be appreciated! thanks in advance, james

             I---Web App Root Directory (contains the app which includes the code below)
                   I
                   I
                   I---xinha (all the unzipped contents of Xinha_0.95

The page loads, the text area is displayed but the editor is not displayed . The Firefox error console associates a "Xinha is not defined" error for the last line of the portion of the script below: Xinha._addEvent(window,'load', xinha_init);

************************************************************************/
<script type="text/javascript">
            _editor_url  = "/xinha/"  // (preferably absolute) URL (including trailing slash) where Xinha is installed
            _editor_lang = "en";      // And the language we need to use in the editor.
            _editor_skin = "silva";   // If you want use a skin, add the name (of the folder) here
    </script>
    <script type="text/javascript" src="/xinha/XinhaCore.js"></script>
    <script type="text/javascript" src="/xinha/XinhaLoader.js"></script>
        <script type="text/javascript" src="/xinha/XinhaConfig.js"></script>
       
<script type="text/javascript">
xinha_editors = null;
xinha_init    = null;
xinha_config  = null;
xinha_plugins = null;

// This contains the names of textareas we will make into Xinha editors
xinha_init = xinha_init ? xinha_init : function()
{
   /** STEP 1 ***************************************************************
   * First, specify the textareas that shall be turned into Xinhas.
   * For each one add the respective id to the xinha_editors array.
   * I you want add more than on textarea, keep in mind that these
   * values are comma seperated BUT there is no comma after the last value.
   * If you are going to use this configuration on several pages with different
   * textarea ids, you can add them all. The ones that are not found on the
   * current page will just be skipped.
   ************************************************************************/
 
  xinha_editors = xinha_editors ? xinha_editors :
  [
    'myTextArea'
  ];
 
  /** STEP 2 ***************************************************************
   * Now, what are the plugins you will be using in the editors on this
   * page.  List all the plugins you will need, even if not all the editors
   * will use all the plugins.
   *
   * The list of plugins below is a good starting point, but if you prefer
   * a simpler editor to start with then you can use the following
   *
   * xinha_plugins = xinha_plugins ? xinha_plugins : [ ];
   *
   * which will load no extra plugins at all.
   ************************************************************************/

  xinha_plugins = xinha_plugins ? xinha_plugins :
  [
   'CharacterMap',
   'ContextMenu',
   'ListType',
   'Stylist',
   'Linker',
   'SuperClean',
   'TableOperations'
  ];
 
         // THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING 
         if(!Xinha.loadPlugins(xinha_plugins, xinha_init)) return;

  /** STEP 3 ***************************************************************
   * We create a default configuration to be used by all the editors.
   * If you wish to configure some of the editors differently this will be
   * done in step 5.
   *
   * If you want to modify the default config you might do something like this.
   *
   *   xinha_config = new Xinha.Config();
   *   xinha_config.width  = '640px';
   *   xinha_config.height = '420px';
   *
   *************************************************************************/

   xinha_config = xinha_config ? xinha_config() : new Xinha.Config();
   
       
   // To adjust the styling inside the editor, we can load an external stylesheet like this
   // NOTE : YOU MUST GIVE AN ABSOLUTE URL
 
   xinha_config.pageStyleSheets = [ _editor_url + "examples/full_example.css" ];

  /** STEP 4 ***************************************************************
   * We first create editors for the textareas.
   *
   * You can do this in two ways, either
   *
   *   xinha_editors   = Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);
   *
   * if you want all the editor objects to use the same set of plugins, OR;
   *
   *   xinha_editors = Xinha.makeEditors(xinha_editors, xinha_config);
   *   xinha_editors.myTextArea.registerPlugins(['Stylist']);
   *   xinha_editors.anotherOne.registerPlugins(['CSS','SuperClean']);
   *
   * if you want to use a different set of plugins for one or more of the
   * editors.
   ************************************************************************/

  xinha_editors = Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);

  /** STEP 5 ***************************************************************
   * If you want to change the configuration variables of any of the
   * editors,  this is the place to do that, for example you might want to
   * change the width and height of one of the editors, like this...
   *
   *   xinha_editors.myTextArea.config.width  = '640px';
   *   xinha_editors.myTextArea.config.height = '480px';
   *
   ************************************************************************/

  /** STEP 6 ***************************************************************
   * Finally we "start" the editors, this turns the textareas into
   * Xinha editors.
   ************************************************************************/

  Xinha.startEditors(xinha_editors);
}

Xinha._addEvent(window,'load', xinha_init); // this executes the xinha_init function on page load
                                            // and does not interfere with window.onload properties set by other scripts
</script

Pioden

Xinha Community Member

From: Bangor, Wales

Registered: 2008-06-06

Posts: 39

Website

Re: Xinha is not defined

I'd guess that the problem lies in these three lines

<script type="text/javascript" src="/xinha/XinhaCore.js"></script>
    <script type="text/javascript" src="/xinha/XinhaLoader.js"></script>
        <script type="text/javascript" src="/xinha/XinhaConfig.js"></script>

If the paths are correct I'd be looking at XinhaConfig.js. The download doesn't have a config file in that position by default.

Try 

<script type="text/javascript" src="/xinha/examples/XinhaConfig.js"></script>

to use the config file that comes with the download.

Pioden

Xinha Community Member

From: Bangor, Wales

Registered: 2008-06-06

Posts: 39

Website

Re: Xinha is not defined

Also you only need XinhaCore OR XinhaLoader - not both. That could be the problem too.