xinha ie8 huge problems

rogiermars · 2009-09-28 05:34:37

Hallo,

I have some problems with IE8 and xinha. If i won't to load more then one plugin IE8 will only show html code and not even the toolbar. In firefox everthing works fine. If i load only one plugin in IE8 there are nog problem. I paste my code. In this examples works everting fine but if I use a second plugin nothing. Some help please.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Xinha Newbie Guide</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
_editor_url = "../" // (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 skin, add the name here
</script>

<script type="text/javascript" src="../XinhaLoader.js"></script>

<script type="text/javascript" src="../XinhaCore.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, 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', 'anotherOne'
];

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

// 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();

//If you don't want to add a button for linking files and use only the advanced ImageManager
xinha_config.ExtendedFileManager.use_linker = false;
// pass the configuration to plugin
if (xinha_config.ExtendedFileManager) {
with (xinha_config.ExtendedFileManager)
{
<?php

// define backend configuration for the plugin
$IMConfig = array();

$IMConfig['allow_upload'] = true;

$IMConfig['images_dir'] = '<images dir>';
$IMConfig['images_url'] = '<images url>';
$IMConfig['files_dir'] = '<files dir>';
$IMConfig['files_url'] = '<files url>';

$IMConfig['thumbnail_prefix'] = 't_';
$IMConfig['thumbnail_dir'] = 't';
$IMConfig['resized_prefix'] = 'resized_';
$IMConfig['resized_dir'] = '';
$IMConfig['tmp_prefix'] = '_tmp';
$IMConfig['max_filesize_kb_image'] = 2000;
// maximum size for uploading files in 'insert image' mode (2000 kB here)

$IMConfig['max_filesize_kb_link'] = 5000;
// maximum size for uploading files in 'insert link' mode (5000 kB here)

// Maximum upload folder size in Megabytes.
// Use 0 to disable limit
$IMConfig['max_foldersize_mb'] = 0;

$IMConfig['allowed_image_extensions'] = array("jpg","gif","png");
$IMConfig['allowed_link_extensions'] = array("jpg","gif","pdf","ip","txt",
"psd","png","html","swf",
"xml","xls");

require_once '../contrib/php-xinha.php';
xinha_pass_to_php_backend($IMConfig);

?>
}
}

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

</head>

<?php

$preTag =
'<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>

';
//
$postTag =
'
</body>
</html>
';
if (!isset($_GET['fileNaam'])) {
print '<script language="JavaScript">';
print "window.opener='x'; window.close();";
print "</script>";
}
else {
$fileNaam = $_GET['fileNaam'];
$file = "".$fileNaam;
//
if (isset($_POST['save'])) {
$nieuwsbrief=$_POST['myTextArea'];
$nieuwsbrief=stripslashes($nieuwsbrief);
$nieuwsbrief=str_replace("rn","<br />",$nieuwsbrief);
file_put_contents($file, $preTag.$nieuwsbrief.$postTag);
}
if (isset($_POST['close'])) {
print '<script language="JavaScript">';
print "window.close();";
print "</script>";
}

//
$nieuwsbrief = file_get_contents($file);

$action = $_POST['PHP_SELF'];
print "<form action='$action' method='post'>";
//print "<div>";
print "<textarea id='myTextArea' name='myTextArea' rows='50' cols='50' style='width: 100%'>$nieuwsbrief</textarea>";
//print "</div>";
print "<input type='submit' name='save' id='save' value='save'>";
print "<input type='submit' name='close' id='close' value='close'>";
print "</form>";

}
?>
</body>
</html>

gogo · 2009-11-10 09:47:29

Try in the current trunk.

Xinha Discussion Forum

Announcement

#1 2009-09-28 05:34:37

xinha ie8 huge problems

#2 2009-11-10 09:47:29

Re: xinha ie8 huge problems

Board footer