strange problem with Xinha 0.96.1 on APSX page. Please help

jayee · 2010-06-30 00:42:14

Hi,
I haven't done anything fancy here still I am getting following errors.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHT...ml1/DTD/xhtml1-transitional.dtd"> \n

I have a master page in my application and my master page header section looks like this

<head runat="server">
<title>Untitled Page</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>

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

and my my_config.js
is like this

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 :
[
'txtMessage'
];

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

Without inclusion of xinha I am not getting any errors in Firebug.

I even tried to remove xinha from my master page and pasted on specific mail page where 'txtMessage' is located, But on that page HTML as I won't have header on that page(because it will pick header from masterpage) I pasted it at the beginning of first controller.

Then I am getting error on firebug stating

specified text area is null
"this._textArea.Spellcheck = false; on xinhacore.js line no 46. "

even I tried with making it true but the same error on firebug.

I have no clue why this is happening

here is my textBox I want xinha on

<asp:TextBox TextMode="MultiLine" ID="txtMessage" runat="server" Rows="10" Width="100%" Columns="50"></asp:TextBox>

Thanks a lot for helping me. I am fightng with it since 1 week. I am wondering why no one got problem like me........

gogo · 2010-06-30 06:02:06

First I think spell checker requires PHP.

Remove all the plugins

   'CharacterMap',
   'ContextMenu',
   'ListType',
   'Stylist',
   'Linker',
   'SuperClean',
   'TableOperations'

and see if it works.

NB: Linker also needs PHP by default, SuperClean might also, not sure from memory.

If it doesn't work even with no plugins, then you need to inspect the DOM for a start and make sure the <textarea> tag your ASP is creating is correct (has id and name both for a start).

jayee · 2010-06-30 18:02:45

Thanks a lot for the reply.

I did as you said and still the same.

How to use it .Net? Did anyone tried? Please help me I have seen some web sites(.Net) they used xinha. How did they used it????????

Thanks

gogo · 2010-06-30 20:59:54

Did you inspect the DOM?

<asp:TextBox TextMode="MultiLine" ID="txtMessage"  runat="server" Rows="10" Width="100%" Columns="50"></asp:TextBox>

I do not see where the name attribute is for example.

Did you still get a "SpellCheck" error even when you disabled the SpellCheck plugin, very unlikely.

Paste the HTML where you are using Xinha, NOT the ASP, the resultant HTML.

jayee · 2010-06-30 23:57:13

Thanks a lot for the reply.

After disabling all plugins FIrebug is satisfied but I am not getting Xinha on the targeted "txtMessage" Textbox.. Please have a look

Here is my page

<%@ Page ValidateRequest="false" MasterPageFile="~/SiteMaster.Master" Language="C#" AutoEventWireup="true" CodeBehind="NewMessage.aspx.cs" Inherits="jayee.DatingWeb.Mail.NewMessage" %>
<%@ Register Src="~/Mail/UserControls/Friends.ascx" TagPrefix="jayee" TagName="Friends" %>
<asp:Content ContentPlaceHolderID="LeftNavTop" runat="server">
<jayee:Friends ID="friends1" runat="server" />
</asp:Content>
<asp:Content ContentPlaceHolderID="Content" runat="server">

<asp:Panel ID="pnlSendMessage" runat="server">

<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 src="../Xinha/my_config.js" type="text/javascript"></script>

<div class="divContainer">
<div class="divContainerBox">
<div class="divContainerRow">
<div class="divContainerCellHeader">To:</div>
<div class="divContainerCell"><asp:TextBox Width="400" ID="txtTo" runat="server"></asp:TextBox></div>
</div>
<div class="divContainerRow">
<div class="divContainerCellHeader">Subject:</div>
<div class="divContainerCell"><asp:TextBox Width="400" ID="txtSubject" runat="server"></asp:TextBox></div>
</div>
<div class="divContainerRow">

<asp:TextBox TextMode="MultiLine" ID="txtMessage" runat="server" Rows="10" Width="400" Columns="50"></asp:TextBox>
</div>
<div class="divContainerFooter">
<asp:Button ID="btnSend" Text="Send" runat="server" OnClick="btnSend_Click" />
</div>
</div>
</div>

</asp:Panel>
<asp:Panel Visible="false" runat="server" ID="pnlSent">
<div class="divContainer">
<div class="divContainerBox">
<div class="divContainerRow">
<div class="divContainerCell">
Your message was sent!
</div>
</div>
</div>
</div>
</asp:Panel>
</asp:Content>

All the header section and page attributes inherited from Master page. Now my master page does contain nothing about Xinha. even I tried to paste
it Xinha stuff in the header section but still the same.

My my_config is same as before except plugins in the 2 section for your reference I am pasting again.

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 :
[
'txtMessage'
];

/** 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 :
[ ];