You are not logged in.
Pages: 1
Hello,
I am having a problem with IE properly displaying the toolbar for Xinha. I think it's possible I am the cause of this, thus I have not submited a ticket.
Please look at this screenshot to see what I mean:
http://williambonde.com/xinha-ss.gif
The toolbar just does not show up properly. Both of the areas shown are text areas. I have included my config code below.
<script type="text/javascript">
// You must set _editor_url to the URL (including trailing slash) where
// where xinha is installed, it's highly recommended to use an absolute URL
// eg: _editor_url = "/path/to/xinha/";
// You may try a relative URL if you wish]
// eg: _editor_url = "../";
// in this example we do a little regular expression to find the absolute path.
_editor_url = '/admin/htmlarea/';
_editor_lang = "en"; // And the language we need to use in the editor.
</script>
<!-- Load up the actual editor core -->
<script type="text/javascript" src="/admin/htmlarea/htmlarea.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, 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.
************************************************************************/
xinha_plugins = xinha_plugins ? xinha_plugins :
[
'CharacterMap',
'ContextMenu',
'FullScreen',
'ListType',
'SpellChecker',
'TableOperations'
];
// THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING :)
if(!HTMLArea.loadPlugins(xinha_plugins, xinha_init)) return;
/** STEP 2 ***************************************************************
* Now, what are the names of the textareas you will be turning into
* editors?
************************************************************************/
xinha_editors = xinha_editors ? xinha_editors :
[
'content-content',
'content-summary'
];
/** 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 HTMLArea.Config();
* xinha_config.width = '640px';
* xinha_config.height = '420px';
*
*************************************************************************/
xinha_config = xinha_config ? xinha_config() : new HTMLArea.Config();
/** STEP 4 ***************************************************************
* We first create editors for the textareas.
*
* You can do this in two ways, either
*
* xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);
*
* if you want all the editor objects to use the same set of plugins, OR;
*
* xinha_editors = HTMLArea.makeEditors(xinha_editors, xinha_config);
* xinha_editors['myTextArea'].registerPlugins(['Stylist','FullScreen']);
* 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 = HTMLArea.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.
************************************************************************/
HTMLArea.startEditors(xinha_editors);
}
window.onload = xinha_init;
</script>
<!--<link type="text/css" rel="stylesheet" title="blue-look" href="/admin/htmlarea/skins/blue-look/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="green-look" href="/admin/htmlarea/skins/green-look/skin.css" />-->
<link type="text/css" rel="alternate stylesheet" title="xp-blue" href="/admin/htmlarea/skins/xp-blue/skin.css" />
<!--<link type="text/css" rel="alternate stylesheet" title="xp-green" href="/admin/htmlarea/skins/xp-green/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="inditreuse" href="/admin/htmlarea/skins/inditreuse/skin.css" />
<link type="text/css" rel="alternate stylesheet" title="blue-metallic" href="/admin/htmlarea/skins/blue-metallic/skin.css" />-->
...unrelated HTML....
<tr>
<td valign="top">Summary:</td>
<td>
<textarea cols="65" rows="10" name="content-summary" id="content-summary" style="width: 640px; height:500px;">{$cat.summary}</textarea>
</td>
</tr>
<tr>
<td valign="top">Content:</td>
<td><textarea cols="65" rows="25" name="content-content" id="content-content" style="width: 640px; height:500px;">{$cat.content}</textarea></td>
</tr>
Any ideas or solutions?
Thanks
Offline
James Sleeman
Offline
Pages: 1