Xinha on all Textareas

echo@ · 2009-01-25 21:03:49

Hello Xinha Community

Im looking for a way to get Xinha to work on all textareas. I have had a good look around and theres this http://xinha.webfactional.com/ticket/1105 but im not sure how to use this, other than that theres nothing.

The script i want to intergate will create custom textareas that will need the Xinha to load for them, also none of the textareas have id's either.

Im supprised this hasnt been asked before

Thanks¬!

echo@ · 2009-01-26 20:29:46

bump

ray · 2009-01-27 05:52:03

xinha_editors = xinha_editors ? xinha_editors : document.getElementsByTagName('textarea');

echo@ · 2009-01-27 21:02:26

Thanks for your help, Im still having trouble Xinha fails to load on the textareas please could you tell me if this is right. Im running xinha 0.95

// 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 : document.getElementsByTagName('textarea');

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

Thanks ¬!

gogo · 2009-01-28 18:53:24

On the face of it, looks ok. You'll need to look to see what errors you are getting in your javascript console (we assume you are using a browser with one), and you should ensure you have all permissions set correctly on your server.

Xinha Discussion Forum

Announcement

#1 2009-01-25 21:03:49

Xinha on all Textareas

#2 2009-01-26 20:29:46

Re: Xinha on all Textareas

#3 2009-01-27 05:52:03

Re: Xinha on all Textareas

#4 2009-01-27 21:02:26

Re: Xinha on all Textareas

#5 2009-01-28 18:53:24

Re: Xinha on all Textareas

Board footer