Trying to get Xinha to work with my ASPX page

dyarosh · 2010-05-18 21:36:15

I am trying to incorporate Xinha in my ASP.NET page and am getting the following error:
Xinha is undefined

The error occurs at this line:
Xinha._addEvent(window,'load', xinha_init);

This line is in a separate file that I've named XinhaEditorConfig.js and have included in my head section of my page. The XinhaEditorConfig.js contains the following:
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();

//this is the standard toolbar, feel free to remove buttons as you like
xinha_config.toolbar =
[
["popupeditor"],
["separator","formatblock","fontname","fontsize","bold","italic","underline","strikethrough"],
["separator","forecolor","hilitecolor","textindicator"],
["separator","subscript","superscript"],
["linebreak","separator","justifyleft","justifycenter","justifyright","justifyfull"],
["separator","insertorderedlist","insertunorderedlist","outdent","indent"],
["separator","inserthorizontalrule","createlink","insertimage","inserttable"],
["linebreak","separator","undo","redo","selectall","print"], (Xinha.is_gecko ? [] : ["cut","copy","paste","overwrite","saveas"]),
["separator","killword","clearfonts","removeformat","toggleborders","splitblock","lefttoright", "righttoleft"],
["separator","htmlmode","showhelp","about"]
];

// 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

My Test.aspx page contains the following head section:
<head id="Head1" runat="server">

<title>Assumption BVM Feasterville</title>
<link href="styles.css" rel="stylesheet" type="text/css" />

</head>

Can someone please tell me what I have done wrong?

gogo · 2010-05-18 21:50:29

You are loading the config before the core. So the function is undefined.

dyarosh · 2010-05-18 22:29:02

When I changed the code as follows:
<script type="text/ javascript">
var _editor_url = "Xinha/";
var _editor_lang = "en";
</script>

<script type="text/javascript" src="Xinha/XinhaCore.js"></script>
<script type="text/javascript" src="XinhaEditorConfig.js"></script>

I get the following error:
Warning: _editor_url is not set! ... Further we will try to load the editor files correctly but we'll probably fail.

gogo · 2010-05-19 02:04:22

That would indicate you are loading the core before the setting of _editor_url, or perhaps you have a scoping issue in your code. You would need to post the full text of your page.

dyarosh · 2010-05-19 11:14:15

Here is the ASP.NET page:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="test.aspx.vb" Inherits="test" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>Assumption BVM Feasterville</title>
<link href="styles.css" rel="stylesheet" type="text/css" />

</head>
<body>
<div id="outer">
<div id="header"><img src="images/header.jpg" alt="Assumption BVM Church" /></div>


<div id="centrecontent">
<form id="form1" runat="server">
<p>
<textarea id="myTextArea" name="myTextArea" rows="25" cols="80" runat="server">
<p>Lorem ipsum's dolor sit amet, consectetuer adipiscing elit.
Aliquam et tellus vitae justo varius placerat. Suspendisse iaculis
velit semper dolor. Donec gravida tincidunt mi. Curabitur tristique
ante elementum turpis. Aliquam nisl. "Nulla" posuere neque non
tellus. Morbi vel nibh. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Nam nec wisi. In wisi.
Curabitur pharetra bibendum lectus.</p>
</textarea>
</p>
<p>
<label>
<asp:Button ID="Button1" runat="server" Text="Submit" />
</label>
</p>
</form>
</div>
<div id="clearfooter"></div>
</div>
<div id="footer"></div>
</body>
</html>

XinhaEditorConfig.js is shown in my original post. Any thoughts would be greatly appreciated.

gogo · 2010-05-19 20:08:22

 type="text/ javascript"

Spot your mistake.

dyarosh · 2010-05-19 20:46:49

Thank you. I fixed it and now I get the following error after my page is displayed:

An error has occurred: Methond Not Allowed
URL: http://localhost:1775/ABVM/Xinha/plugins/Linker/scan.php

Any ideas?

gogo · 2010-05-19 23:38:39

Insufficien information. But if you are using ASPX, can you run PHP at all?

dyarosh · 2010-05-21 14:48:47

Thank you for your help. The problem is with the plugins that require PHP. Do you know if anyone has written plugins for ASP.NET?

gogo · 2010-05-21 22:23:14

Not to my knowledge.

Xinha Discussion Forum

Announcement

#1 2010-05-18 21:36:15

Trying to get Xinha to work with my ASPX page

#2 2010-05-18 21:50:29

Re: Trying to get Xinha to work with my ASPX page

#3 2010-05-18 22:29:02

Re: Trying to get Xinha to work with my ASPX page

#4 2010-05-19 02:04:22

Re: Trying to get Xinha to work with my ASPX page

#5 2010-05-19 11:14:15

Re: Trying to get Xinha to work with my ASPX page

#6 2010-05-19 20:08:22

Re: Trying to get Xinha to work with my ASPX page

#7 2010-05-19 20:46:49

Re: Trying to get Xinha to work with my ASPX page

#8 2010-05-19 23:38:39

Re: Trying to get Xinha to work with my ASPX page

#9 2010-05-21 14:48:47

Re: Trying to get Xinha to work with my ASPX page

#10 2010-05-21 22:23:14

Re: Trying to get Xinha to work with my ASPX page

Board footer