Elfinder: runs with tinymce 5RC2 ? yes !

[toastbrotch]

someone managed to get elFinder working with tinymce 5RC1? instructions for tinymce 4 seem not to work. i was not able to get it working yet...

[nao-pon]

@toastbrotch It can be used by using iframe. I have created a demo page. And I am currently planning an example that does not use iframes. The document will be serviced once it is completed.

Demo: https://hypweb.net/elFinder-nightly/demo/tinymce/v5i.html

Thanks! 👍

[johnfort]

Do you want to specify paths in tinymce or edit files in elfinder?

[toastbrotch]

i dont understand your question.

i want to use elfinder to select/upload/manage and possibly edit images (but tinymce5 imagetools are quite good! btw: is it possible to use the tinymce 5 imagetools from within elfinder to edit the images?)

[nao-pon]

A dialog version was also made.

• https://hypweb.net/elFinder-nightly/demo/tinymce/v5d.html

Then, I will investigate tinymce 5 imagetools from now.

[toastbrotch]

thanx for that demo! awesome!

regarding my question using tinymc imagetools from inside elfinder: this might has to be a separated issue in the tracker here...

[johnfort]

@toastbrotch

var opts = {
getFileCallback: function( file, el ){
                $('.tox-tbtn.tox-browse-url').parent().find('.tox-textfield').val(file['path']);
            }
,
commandsOptions: {
                getfile: {
                    onlyURL: false,
                    folders: false,
                    multiple: false,
                    oncomplete: "destroy"
                }
            }
}
$('<div style="z-index: 99990">').dialogelfinder(opts);

try it...

[nao-pon]

@toastbrotch , @johnfort

I configured to be able to save image editing results on TinyMCE through elFinder.

• https://hypweb.net/elFinder-nightly/demo/2.1/tinymce5.html 👍

However, it require the nightly build or 2.1.47 or later.

[nao-pon]

I made the tinymceElfinder that elFinder integrator for TinyMCE 4 and 5. Using it makes integration easier.

[toastbrotch]

I configured to be able to save image editing results on TinyMCE through elFinder.
* https://hypweb.net/elFinder-nightly/demo/2.1/tinymce5.html +1

how do i configure where the image should go inside the tinymce uploader? is it that "uploadTargetHash"? where does this come from? defined somehow in the connector? thanx for help...

update: i've tried to set it myself for client and backend:

connector:
        'roots' => array(
                array( 
                        'driver'        => 'LocalFileSystem',           // driver for accessing file system (REQUIRED)
                        'path'          => '/foo/bar/temp1404454875/',                 // path to files (REQUIRED)
                        'URL'           => 'https://foobar.tld/temp1404454875/', // URL to files (REQUIRED)
                        'phash' => 'temp1404454875',
                )

html:
   const uploadTargetHash = 'temp1404454875';

but now on uploading directly in tinymce i get

{"error":["errOpen","#temp1404454875"]}

[nao-pon]

@toastbrotch The folder hash value on elFinder is a hashed version of the path on elFinder.

see. https://github.com/Studio-42/elFinder/issues/1564

Maybe, your case is 'l1_Lw' - l(LocalVolumeDriver)1(1st)_Lw(/)

[toastbrotch]

@nao-pon: thanx! that was it. sorry, i was not able to find that issue...

[toastbrotch]

https://hypweb.net/elFinder-nightly/demo/2.1/tinymce5.html

hm. just found out, that ie11 reports a syntax error on

const getfm = open => {

at the "=>". any ideas?

[toastbrotch]

seems ie11 does not support arrow functions... i've let the whole thing thru https://babeljs.io and added bluebird.min.js (http://bluebirdjs.com/docs/getting-started.html)