Ciao a tutti.
Ho inserito in un sito il programma tinyMCE per avere un editor di testo su un campo testo di un Form. Tutto funziona bene. Questo programma però ha delle pecche sull'upload delle immagini da pc e ho cercato di implementarlo con Ajax ajaxfilemanager. Non ricevo errori ma solo l'aria di testo vuota. Potete darmi qualche consiglio?
Vi posto tutto il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<? /* codice base di tinyMCE e funzionante:
<script src="public/tiny_mce/tiny_mce.js" language="javascript" type="text/javascript">
</script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
skin: "o2k7",
theme : "advanced",
theme_advanced_toolbar_location: "top",
mode : "textareas"
});
</script> */ ?>
<? /* codice che implementa tinyMCE con ajax per l'Upload di immagini ma che non funziona NOTA IMPORTANTE: Anche senza Ajax, altre configurazioni advanced con altri plugins non risultavano funzionanti.*/ ?>
<script>
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "inlinepopups,advimage,media",
theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink,image,removeformat,anchor,blockquote,code",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
file_browser_callback : "ajaxfilemanager",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
width : "676",
height : "300",
extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
apply_source_formatting : true,
relative_urls : false,
remove_script_host : false,
document_base_url : "http://localhost/xxxx/",
languages : "it",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
convert_newlines_to_brs : false,
force_br_newlines : false,
force_p_newlines : false
});
function ajaxfilemanager(field_name, url, type, win) {
var ajaxfilemanagerurl = "http://localhost/xxxx/public/tiny_mce/plugins/ajaxfilemanager/ajaxfilemanager.php";
switch (type) {
case "image":
ajaxfilemanagerurl += "?type=img";
break;
case "media":
ajaxfilemanagerurl += "?type=media";
break;
case "flash": //for older versions of tinymce
ajaxfilemanagerurl += "?type=media";
break;
case "file":
ajaxfilemanagerurl += "?type=files";
break;
default:
return false;
}
var fileBrowserWindow = new Array();
fileBrowserWindow["file"] = ajaxfilemanagerurl;
fileBrowserWindow["title"] = "Ajax File Manager";
fileBrowserWindow["width"] = "782";
fileBrowserWindow["height"] = "440";
fileBrowserWindow["resizable "] = "yes";
fileBrowserWindow["inline"] = "yes";
fileBrowserWindow["close_previous"] = "no";
tinyMCE.activeEditor.windowManager.open(fileBrowserWindow, {
window : win,
input : field_name
});
return false;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="textareas" cols="70
" rows="30" id="textareas"></textarea>
</label>
<p>scegli la prima categoria :
<label>categoria1
<select name="select">
<option>Politica</option>
<option>sport</option>
</select>
</label>
</p>
<p>
<label>SALVA
<input type="submit" name="Submit" value="Invia" />
</label>
-
<label>PUBBLICA
<input type="submit" name="Submit2" value="Invia" />
</label>
</p>
</form>
</body>
</html>
Ho inserito in un sito il programma tinyMCE per avere un editor di testo su un campo testo di un Form. Tutto funziona bene. Questo programma però ha delle pecche sull'upload delle immagini da pc e ho cercato di implementarlo con Ajax ajaxfilemanager. Non ricevo errori ma solo l'aria di testo vuota. Potete darmi qualche consiglio?
Vi posto tutto il codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<? /* codice base di tinyMCE e funzionante:
<script src="public/tiny_mce/tiny_mce.js" language="javascript" type="text/javascript">
</script>
<script language="javascript" type="text/javascript">
tinyMCE.init({
skin: "o2k7",
theme : "advanced",
theme_advanced_toolbar_location: "top",
mode : "textareas"
});
</script> */ ?>
<? /* codice che implementa tinyMCE con ajax per l'Upload di immagini ma che non funziona NOTA IMPORTANTE: Anche senza Ajax, altre configurazioni advanced con altri plugins non risultavano funzionanti.*/ ?>
<script>
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "inlinepopups,advimage,media",
theme_advanced_buttons1 : "bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,undo,redo,link,unlink,image,removeformat,anchor,blockquote,code",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
file_browser_callback : "ajaxfilemanager",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
width : "676",
height : "300",
extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
apply_source_formatting : true,
relative_urls : false,
remove_script_host : false,
document_base_url : "http://localhost/xxxx/",
languages : "it",
theme_advanced_resize_horizontal : false,
theme_advanced_resizing : true,
convert_newlines_to_brs : false,
force_br_newlines : false,
force_p_newlines : false
});
function ajaxfilemanager(field_name, url, type, win) {
var ajaxfilemanagerurl = "http://localhost/xxxx/public/tiny_mce/plugins/ajaxfilemanager/ajaxfilemanager.php";
switch (type) {
case "image":
ajaxfilemanagerurl += "?type=img";
break;
case "media":
ajaxfilemanagerurl += "?type=media";
break;
case "flash": //for older versions of tinymce
ajaxfilemanagerurl += "?type=media";
break;
case "file":
ajaxfilemanagerurl += "?type=files";
break;
default:
return false;
}
var fileBrowserWindow = new Array();
fileBrowserWindow["file"] = ajaxfilemanagerurl;
fileBrowserWindow["title"] = "Ajax File Manager";
fileBrowserWindow["width"] = "782";
fileBrowserWindow["height"] = "440";
fileBrowserWindow["resizable "] = "yes";
fileBrowserWindow["inline"] = "yes";
fileBrowserWindow["close_previous"] = "no";
tinyMCE.activeEditor.windowManager.open(fileBrowserWindow, {
window : win,
input : field_name
});
return false;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="textareas" cols="70
" rows="30" id="textareas"></textarea>
</label>
<p>scegli la prima categoria :
<label>categoria1
<select name="select">
<option>Politica</option>
<option>sport</option>
</select>
</label>
</p>
<p>
<label>SALVA
<input type="submit" name="Submit" value="Invia" />
</label>
-
<label>PUBBLICA
<input type="submit" name="Submit2" value="Invia" />
</label>
</p>
</form>
</body>
</html>