Install issue

ron · 2009-02-13 16:55:06

I just downloaded and installed Xinha as per newbie instructions and readme in the download.

I am using Wordpress 2.7 with the TDO mini form plugin.

I followed the instructions but the editor does not appear on the page with the textarea.

The page loads without an error but no editor buttons are displayed. I tried the same thing with TinyMCE and it works without a problem.

(BTW, I can't provide the name of our site at the moment because there are several other things on that site that we can't release yet, Sorry.)

What am I doing worng here???

This is what I added before the TDO form is called:

[tdomf_form5]

I also modified the my_config.js file as indicated (changed the textarea id to content_content which is the text area on the form):

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

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

ron · 2009-02-14 13:30:55

Just eliminated the TDO mini form and still the same problem on a Wordpress page with only a textarea field. Also changed the textarea id to 'contenty' in my_config.js

Only the textarea field appears, no xinha editor/buttons.

Code for that page is as follows:

gogo · 2009-02-25 06:38:47

_editor_url = "http://www.mysite.com/wordpress/wp-content/xinha/" // (preferably absolute) URL (including trailing slash)

Try using in-site absolute urls:

_editor_url = '/wordpress/wp-content/xinha/';

Check in your javascript console (Firefox - Firebug) for any errors, check that your server permissions are OK.

Xinha Discussion Forum

Announcement

#1 2009-02-13 16:55:06

Install issue

#2 2009-02-14 13:30:55

Re: Install issue

#3 2009-02-25 06:38:47

Re: Install issue

Board footer