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"
	}
});