Quivive File-Manager

Germany Great Britain (UK)
 
Anleitung
Shop
Service
PayPal
News Blog

Google+

Demo mit tinymce 3.x

Hier finden Sie ein kleines Beispiel für die Integration von Quivive File-Manager Plugin in Tinymce.
Den Quellcode für die Integration in Tinymce finden Sie weiter unten...

 

Nur mit wenigen Zeilen Javascript können Sie Quivive File-Manager Plugin als alternativen File Browser verwenden.

Hier ein einfaches Beispielscript für Tinymce:

<!-- Quivive File-Manager -->

<form>
<textarea id="place" name="place" rows="4" cols="30" style="width:100%;height:350px">
Das ist toll
</textarea>
</form>

<script type="text/javascript" src="Quivive/Editor/tiny_mce/tiny_mce.js"></script>

<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
skin : "o2k7",
plugins :"autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,media,searchreplace,contextmenu,paste,directionality,visualchars,nonbreaking,inlinepopups",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,iespell,media,advhr,|,print",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : false,
convert_urls : false,
content_css : "css/word.css",
template_external_list_url : "lists/template_list.js",
external_link_list_url : "lists/link_list.js",
external_image_list_url : "lists/image_list.js",
media_external_list_url : "lists/media_list.js",

file_browser_callback : "Quivive",
height : 450,
template_replace_values : {
username : "Some User",
staffid : "991234"
}});

function Quivive(field_name, url, type, win) {
var file = "";

if(navigator.appName.indexOf('Microsoft')!=-1)
file = modalDialogShow('Quivive/Quivive-File-Manager.php?filemanager=mce',1024,600);
else
win.open('../../../../Quivive/Quivive-File-Manager.php?filemanager=mce&mod='+field_name, 'ImageBrowser', 'width=1024,height=600,scrollbars=no,status=yes,location=no,resizable=yes,dependent');

if(win != null) {
win.focus();
}

if(file > "") {
win.document.forms[0].elements[field_name].value = file;
win.ImageDialog.showPreviewImage(file);
}};

function modalDialogShow(url,width,height) {
var input = window.showModalDialog(url,window,"dialogWidth:"+width+"px;dialogHeight:"+height+"px;scroll:no;edge:Raised;center:Yes;help:No;Resizable:yes;Maximize:yes");
return input;
}

</script>

<!-- End Quivive File-Manager Code -->

Hinweis: Vergessen Sie bitte nicht die enstprechenden Pfade zu Quivive File-Manager anzupassen!

Die aktuelle Version von TinyMCE 3 können Sie bei http://www.tinymce.com/ herunterladen.