Quivive File-Manager

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

Google+

Demo for tinymce 3.x

Here you find a little example for embedding Quivive File-Manager plugin in CKEditor. The appropriate source code is includet...

 

Only a few lines of code and you can use Quivive File-Manager plugin as an alternative file browser.

Example script for 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 -->

Hint: Do no forget to edit the path to Quivive File-Manager and CKEditor!

You can find and download the latest version of TinyMCE on http://www.tinymce.com/.