Demos

Some live demos of the product, please note that some operations are not permitted in demo mode.

For more detailed instructions, check out the documentation.

TinyMCE

Basic Integration

This is how you integrate the MoxieManager into TinyMCE.

Example code
tinymce.init({
    selector: "textarea",
    plugins: "moxiemanager link image",
    toolbar: "insertfile link image",
    menubar: false
});

This is the most basic integration example.

Custom Settings

These are some examples of custom settings that can be passed from TinyMCE to MoxieManager.

For more detailed info about configuration options, check out the TinyMCE integration page.

Example code
tinymce.init({
    selector: "textarea",
    plugins: "moxiemanager link image",
    toolbar: "insertfile link image",
    menubar: false,
    moxiemanager_file_settings {
    	/* Only list txt files, and remove side navigation. */
		moxiemanager_extensions : 'txt',
		moxiemanager_leftpanel : false
    },
    moxiemanager_image_settings {
    	/* Scope to different folder, show thumbnails of selected extensions */
    	moxiemanager_title : 'Images',
    	moxiemanager_extensions : 'jpg,png,gif'
    	moxiemanager_rootpath : '/testfiles/testfolder',
    	moxiemanager_view : 'thumbs'
    }
});

Using with CDN version of TinyMCE

In order to load MoxieManager, you need to run it with as an external plugin.

tinymce.init({
	...
	plugins: "moxiemanager link image",
	external_plugins: {
		"moxiemanager": "/moxiemanager/plugin.min.js"
	}
});